<div style="text-align: right;">
这段文本会右对齐显示
</div>
<div style="text-align: center;">
这段文本会居中对齐显示
</div>
<div style="text-align: left;">
这段文本会左对齐显示(默认效果)
</div>
<!-- 两端对齐的示例 -->
<div style="text-align: justify; max-width: 300px;">
这段文本会两端对齐显示,当文本内容超过一行时,左右两边会保持整齐的边缘(需要足够长的文本才能看到效果)。
</div>