CSS让文字左右居中的示例代码如下所示:
“`html
<div class=”container”>
<h1 class=”居中”>居中文本</h1>
<p class=”左右居中”>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper ipsum ac sapien dapibus blandit.
Vestibulum auctor massa euismod sapien sapien vel velit. Donec ultricies sapien eget massa consectetur id id sapien.
Duis aliquet velit eu risus malesuada porttitor. Donec non ipsum a turpis ultricies interdum sit amet aliquet.
</p>
</div>
CSS代码如下:
“`css
.container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
margin: 0 auto;
text-align: left;
上述代码使用了一个 `container` div 元素,并设置其 `display` 属性为 `flex`,以使该元素在父元素中居中。然后,使用 `h1` 元素将文本居中,使用 `p` 元素将文本向左对齐。最后,使用 `居中` 类样式将文本居中,使用 `左右居中` 类样式将文本向左对齐。