我想用css对齐一些句子

Question

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

style="position:absolute;top:63px;left:151px;width:88px;margin-left:-132px;margin-top:5px"

<span id="resultModel.hdPk1Label" name="resultModel.hdPk1Label" class="singleFormLabel" style="position:absolute;top:36px;left:151px;width:88px;margin-left:-132px;margin-top:5px"><font class="essential_mark">*</font>label.hdPk1 &nbsp;:&nbsp;</span>

我有一些元素/标签,我想以上述方式排列/对齐它们,并使用上面的代码,但它对齐如下所示:

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

我怎样才能达到理想的效果？

Answer 1

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

CSS

.right
{
    text-align:right;
}

小提琴

https://jsfiddle.net/oa7tbcgj/