在網頁設計中，文字的排版和對齊是非常重要的一環。在 CSS 中，我們可以通過屬性來實現文字居中或者靠左或靠右對齊。今天，我們主要來講解一下如何通過 CSS 來實現文字居中靠左對齊。
首先，我們需要明確的是，CSS 中有兩種居中方式：水平居中和垂直居中。水平居中是指文字在文本框或頁面中水平方向上的居中對齊；垂直居中則是指文字在文本框或頁面中垂直方向上的居中對齊。而對于居中靠左對齊，我們主要是考慮水平方向上的對齊。
接下來，我們來看一下實現方式。在 CSS 中，我們可以使用 text-align 屬性來實現文字的對齊。其取值為 left、center 或 right。其中，left 和 right 分別代表文字靠左和靠右對齊，而 center 則代表居中對齊。因此，要實現文字居中靠左對齊，我們只需要將 text-align 屬性設置為 center，再通過其后面的屬性 text-indent 將文字靠左縮進即可。
在下面的例子中，我們使用 p 標簽來創建一個段落，然后通過 CSS 中的 text-align 和 text-indent 屬性來實現文字的居中靠左對齊。

p{
text-align: center; /* 居中對齊 */
text-indent: 2em; /* 靠左縮進 */
}

運行效果如下：

這是一段文字，文字在文本框中居中靠左對齊。

通過上面的例子，我們可以看到，文字在文本框中居中對齊，同時文字又靠左縮進了 2em，達到了我們想要的效果。
總之，在 CSS 中，我們可以使用 text-align 和 text-indent 屬性來實現文字的居中靠左對齊。通過這種方式，我們可以使網頁的排版更加美觀和整潔。