CSS 文本右对齐

在网页设计中，文本的对齐是非常重要的。除了让内容更加美观外，还能提高用户体验。在此介绍如何使用 CSS 实现文本右对齐。

使用 text-align 属性

text-align 属性是 CSS 中用于控制文本水平对齐方式的属性。它有四个可选值：left、right、center 和 justify。其中，right 可以实现文本右对齐。

代码如下：

.text-right {
  text-align: right;
}

这里我们把类名定义为 .text-right，这样可以在 HTML 中使用该类名来应用这个样式。

示例

<p>文本左对齐</p>
<p class="text-right">文本右对齐</p>

渲染结果：

文本左对齐

文本右对齐

总结

使用 CSS 的 text-align 属性可以轻松实现文本右对齐。这种方式可以用于段落、标题、甚至是整个页面的文本对齐。在实际开发中，应该结合具体场景和要求，选择适合的文本对齐方式。