direction: rtl;

这个属性，有点无语，费了点时间。

<style type="text/css">

.hao {direction: rtl;}
</style>

<section class="hao">
<span>你好</span><span>再见</span>
</section>

只是把section设为rtl，这一块会右对齐，但你好和再见的顺序不会变，但把span设为inline-block后，就不仅右偏而且变成了再见你好。