<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>