文本的对齐方式

默认情况下，文本都是靠左对齐的。有些时候，你可能需要将文本居中显示。

可为元素设置text-align样式达到此目的：

<div style="text-align:center">居中显示的文本</div>
    

text-align:center的意思是：将文本居中显示。

如果将text-align的值设为right，则文本将会靠右对齐：

<div style="text-align:right">靠右对齐的文本</div>
    

同理，如果将text-align的值设为left，则文本将会靠左对齐：

<div style="text-align:left">靠左对齐的文本</div>
    

text-align样式也是可继承的。也就是说，如果在父元素中设置了text-align样式，子元素也将会具有相同的text-algin样式。运行下方的示例看看：

<div style="text-align:right">
    <div>继承了父元素的靠右对齐</div>
</div>
    

练习