随着 Web 开发的不断普及，CSS 已经成为网页设计的必备技能之一。在 CSS 中，大家可以使用 `text-align` 属性来实现文字的左右居中。本文将介绍如何使用 CSS 文字左右居中。
一、居中文本
首先，大家需要在 HTML 中添加一个需要居中的文本内容。可以使用 `margin` 属性和 `text-align` 属性来实现。其中，`margin` 属性用于将文本内容向左或向右移动一定距离，而 `text-align` 属性用于将文本内容居中。
例如，以下代码将一个文本内容设置为居中：
<div class=”居中”>
<p>居中文本内容</p>
</div>
在 CSS 中，大家可以使用以下代码来实现居中：
.居中 {
text-align: center;
二、左右移动文本
如果大家需要将文本内容向左或向右移动一定距离，可以使用 `margin` 属性和 `transform` 属性。其中，`margin` 属性用于将文本内容向左或向右移动一定距离，而 `transform` 属性用于将文本内容旋转一定角度。
例如，以下代码将文本内容向右移动 90 度：
.向右移动 {
margin: 0 auto;
transform: rotateY(90deg);
下面是一个向左移动 45 度的示例代码：
.向左移动 {
margin: 0 auto;
transform: rotateY(-45deg);
三、多种居中方式
除了使用 `text-align` 属性外，大家还可以使用其他 CSS 属性来实现文字的左右居中，例如 `text-justify` 和 `flex`。
使用 `text-justify` 属性，大家可以将文本内容在水平方向上居中，而在垂直方向上保持默认值。
使用 `flex` 属性，大家可以将文本内容在水平和垂直方向上居中，而在宽度上自适应。
例如，以下代码将一个文本内容设置为水平和垂直居中，宽度自适应：
<div class=”flex-居中”>
<p>水平居中文本内容</p>
<p>垂直居中文本内容</p>
</div>
在 CSS 中，大家可以使用以下代码来实现居中：
.flex-居中 {
text-justify: space-between;
text-align: center;
注意，`text-justify` 和 `text-align` 属性的优先级相同，因此大家可以同时使用它们来实现文字的左右居中。
以上就是 CSS 文字左右居中的详细介绍，通过使用 `text-align` 属性，大家可以方便地将文本内容居中。