通过HTML和CSS设置文字方向

HTML文本中默认的文本方向是left to right。但对于古汉语或者阿拉伯语等语言，文本方向则是right to left。如何实现呢？

1. HTML方式：<bdo dir="rtl"></bdo> 点击进入官方网页

HTML代码如下：

<bdo dir="ltr">a bc de.</bdo>
<bdo dir="rtl">A BC DE%</bdo>

显示效果如下：

a bc de.
%ED CB A

可见：通过HTML中的bdo标签改变文字方向，是依照从右向左的顺序依次输出bdo标签中的每个字符。但输出的内容还是从屏幕的左侧依次向右输出。不要与text-align:right和float:right搞混。

2. CSS方式：{direction:rtl;}

HTML和CSS如下：

<p style="direction: rtl;">It's a beautiful world, isn't it? I think it is.?!@#$%[]{}</p>
<p>It's a beautiful world, isn't it? I think it is.?!@#$%[