HTML中，橫線（hr）是很常見的一個元素，通常用于區分頁面內容。默認情況下，橫線是居中對齊的，但是在某些情況下，我們需要將橫線靠左對齊。這篇文章將介紹如何使用CSS實現橫線靠左對齊。
首先，我們需要使用CSS的樣式選擇器來選擇橫線元素。可以使用元素選擇器來選擇hr元素，也可以為hr元素添加class或id屬性，然后使用class或id選擇器來選擇元素。這里以元素選擇器為例，代碼如下：

hr {
/* 添加樣式 */
}

然后，在樣式中添加以下代碼，可以將橫線靠左對齊：

hr {
align: left;
}

上述代碼中，我們使用了CSS的align屬性，將橫線對齊方式設為左對齊。這樣，橫線就會從頁面左側開始繪制，而不是從頁面中央。
此外，我們還可以使用CSS的margin屬性來進一步調整橫線的位置。假設我們想將橫線與頁面左側保持一定的距離，可以使用以下代碼：

hr {
align: left;
margin-left: 20px;
}

上述代碼中，我們使用了CSS的margin-left屬性，將橫線左側的邊距設置為20px。根據需要，我們可以調整這個值，以達到最合適的效果。
總之，在實現橫線靠左對齊的過程中，我們可以使用CSS的align和margin屬性來設置橫線的對齊方式和位置，從而滿足頁面布局的要求。