HTML是網頁制作的基礎語言，如何讓網頁布局美觀也是非常重要的。在網頁制作的過程中，設置居中和左對齊是常見的布局方式，今天我們就來介紹如何使用HTML來設置居中和左對齊。 首先我們需要了解兩種常用的文本對齊方式，分別是居中和左對齊。居中就是讓文字或者圖片在整個頁面或者一個具體的區域水平居中，使內容看起來更加舒適，而左對齊就是讓文字或者圖片靠左邊對齊，能夠使內容更加簡潔明了，適合做列表等內容。 下面我們分別來看如何使用HTML來設置這兩種對齊方式： 1.居中對齊 使用HTML實現居中對齊非常簡單，只需要在對應的標簽中添加一個style樣式即可，代碼如下：

這是一段居中對齊的文字

在這段代碼中，我們使用了p標簽來定義這是一段文字，而在p標簽中添加了一個style樣式。style樣式中的"text-align: center;"就是用來設置文本水平居中的代碼。 2.左對齊 同樣，使用HTML來實現左對齊也非常簡單，只需要在對應的標簽中添加style樣式即可，代碼如下：

這是一段左對齊的文字

在這段代碼中，我們同樣使用了p標簽來定義這是一段文字，而在p標簽中添加了一個style樣式。style樣式中的"text-align: left;"就是用來設置文本左對齊的代碼。 總結 在HTML中，我們可以使用style樣式來實現對文本的對齊方式進行設置，其中"text-align: center;"表示居中對齊，"text-align: left;"表示左對齊。通過在對應的標簽中添加樣式，我們就可以實現網頁內容的居中和左對齊。