在網頁中寫文章是很常見的操作，今天我們來講一講如何用 CSS 實現靠左的文章排版。
首先，我們需要在 HTML 中使用 p 標簽來組織文章的段落，比如這樣：
<p>這是第一段話。</p> <p>這是第二段話。</p> <p>這是第三段話。</p>預覽效果：
這是第一段話。
這是第二段話。
這是第三段話。
接著，我們需要使用 CSS 來設置段落的樣式。其中，最關鍵的是 text-align 屬性，它可以指定段落內文本的對齊方式。讓我們來看一下代碼：<style>
p {
text-align: left;
}
</style>預覽效果：這是第一段話。
這是第二段話。
這是第三段話。
如上所示，我們成功地將文章靠左對齊了。當然，如果需要添加其它樣式，比如字體、字號、行距等，可以繼續在 CSS 中設置相應的屬性。 最后，我們來看一下完整的代碼：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>靠左的文章排版</title>
<style>
p {
text-align: left;
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<p>這是第一段話。</p>
<p>這是第二段話。</p>
<p>這是第三段話。</p>
</body>
</html>預覽效果：
這是第一段話。
這是第二段話。
這是第三段話。
通過以上步驟，我們可以很容易地實現靠左的文章排版效果，增加文章的可讀性和美觀程度。