Html 我想用css对齐一些句子

我怎样才能达到我想要的结果

this is my alignment :
this is my alignment one :
this is my alignment one two :
this is my alignment one two three :

拨弄

拨弄

---

根据您的描述，您只是在寻找

文本对齐：对：


span
{
显示：内联块；
空白：预处理；
文本对齐：右对齐；
}

这是我的路线：
这是我的第一条路线：
这是我的路线一二：
这是我的路线一二三：
根据您的描述，您只需要查找
文本对齐：右：


span
{
显示：内联块；
空白：预处理；
文本对齐：右对齐；
}

这是我的路线：
这是我的第一条路线：
这是我的路线一二：
这是我的路线一二三：
参见代码：


div{
位置：绝对位置；
/*top:63px；从该值中添加5px的上边距将为您提供一个新属性*/
顶部：68px
/*左：151px；从该值减去负的左边缘132px，将得到一个新属性*/
左：19px；
/*宽度：88px；88px不够宽，标准字体大小无法按此长度造行*/
宽度：250px；
文本对齐：右；/*将文本向右对齐，而不是向左对齐*/
/*不要在定位元素上使用边距，除非您试图“破解”某些内容，使其相对于某个百分比位置居中（例如左：50%；左：此块显式宽度的一半）。使用定位和边距时，您不能再查看单个属性声明（即“边距顶部”或“左侧”）确定元素的位置。这使得维护代码更加困难，围绕定位元素规划布局更加复杂*/
/*左边距：-132px*/
/*边缘顶部：5px*/
}
p{
/*默认情况下，段落标记的上下边距为1em。我们需要覆盖此默认值，以使您的行按您希望的方式堆叠*/
保证金：0；
}

这是我的路线：

这是我的第一条路线：

这是我的路线一二：

这是我的路线一二三：

参见代码：


div{
位置：绝对位置；
/*top:63px；从该值中添加5px的上边距将为您提供一个新属性*/
顶部：68px
/*左：151px；从该值减去负的左边缘132px，将得到一个新属性*/
左：19px；
/*宽度：88px；88px不够宽，标准字体大小无法按此长度造行*/
宽度：250px；
文本对齐：右；/*将文本向右对齐，而不是向左对齐*/
/*不要在定位元素上使用边距，除非您试图“破解”某些内容，使其相对于某个百分比位置居中（例如左：50%；左：此块显式宽度的一半）。使用定位和边距时，您不能再查看单个属性声明（即“边距顶部”或“左侧”）确定元素的位置。这使得维护代码更加困难，围绕定位元素规划布局更加复杂*/
/*左边距：-132px*/
/*边缘顶部：5px*/
}
p{
/*默认情况下，段落标记的上下边距为1em。我们需要覆盖此默认值，以使您的行按您希望的方式堆叠*/
保证金：0；
}

这是我的路线：

这是我的第一条路线：

这是我的路线一二：

这是我的路线一二三：

检查小提琴：

HTML

检查小提琴：

HTML

text align:right
？您可能希望包含所述要排列的“元素/标签”的HTML，或者我们可能更难理解您的困难。请向我们发送您的标记示例。并告诉我们您的限制。允许在您的短语周围添加可能的元素吗？@Jack Black:编辑并添加了代码
text align:right
？您可能希望包含所述要排列的“元素/标签”的HTML，或者我们可能更难理解您的困难。请向我们发送您的标记示例。并告诉我们您的限制。允许在短语周围添加可能的元素吗？@Jack Black:编辑并添加了代码

，而不是

。style=“位置：绝对；顶部：97px；左侧：170px；宽度：48px；左侧边距：-132px；文本对齐：右侧；顶部边距：5px”它不影响缩进实际上每个标签都保存在不同的“span”中，每个“标签”的宽度也不同，那么它将如何右对齐文本，因为每个“标签”保存在不同的“span”中，而不是

=“立场：绝对；顶部：97px；左：170px；宽度：48px；左边距：-132px；文本对齐：右对齐；页边空白顶部：5px“它不影响缩进实际上每个标签都保持在不同的“跨度”中，每个“标签”的宽度也不同，那么当每个“标签”保持在不同的“跨度”中时，它将如何右对齐文本
this is my alignment :
this is my alignment one :
this is my alignment one two :
this is my alignment one two three :

<div class="right">this is my alignment :<br/>
     this is my alignment one :<br/>
 this is my alignment one two :</div>

.right
{
    text-align:right;
}

<div class="right">
    <span id="resultModel.hdPk1Label" name="label1" class="singleFormLabel">label.hdPk1 &nbsp;:&nbsp;</span>
    <span id="resultModel.hdPk1Label" name="label2" class="singleFormLabel">loremloremdPk1 &nbsbsp;dPk1 &nbsp;:&nbsp;</span>
    <span id="resultModel.hdPk1Label" name="label3" class="singleFormLabel">label.loremdPk1 &nbsbsp;:&nbsp;hdPk1 &nbsp;:&nbsp;</span>
</div>

.right {
    text-align:right;
}

.right > span {
    display:block;
}