css左中右文本排列

在CSS中，我们可以使用text-align属性来对文本进行左中右的排列。

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

比如我们在HTML中有下面这段代码：

<div class="text-left">
    <h1>这是左对齐标题</h1>
    <p>这是左对齐段落</p>
</div>

那么这个div中的文本就会被左对齐。

同理，如果我们使用text-center类来代替text-left，那么文本就会居中对齐。

<div class="text-center">
    <h1>这是居中对齐标题</h1>
    <p>这是居中对齐段落</p>
</div>

而如果我们使用text-right类，文本就会右对齐。

<div class="text-right">
    <h1>这是右对齐标题</h1>
    <p>这是右对齐段落</p>
</div>

需要注意的是，这些类只对父元素内的文本有效，而不能直接作用于文本本身。

同时，我们还可以使用text-align属性来对某个特定元素内的文本进行对齐，比如：

<h1 style="text-align: center;">这是一个居中对齐的标题</h1>

这样，只有这个h1元素内的文本才会被居中对齐。