html中a标签水平右对齐

正常div中a标签内容是左对齐

代码如下：

<div class="header">

    <div class="son">

        <a>11</a>

  </div>

    <div class="son">

        <a>66</a>

    </div>

</div>

结果如图：

 

如果在a标签中加入display:block；（将行内标签转化成块级元素）和text-align:right；（文字右对齐）。

代码如下： 

<div class="header">

    <div class="son">

        <a>11</a>

    </div>

    <div class="son">

        <a style="display: block;text-align:right;">66</a>

    </div>

</div>

 结果如下：