HTML對齊代碼是網頁排版中非常重要的一部分。在對齊代碼時，pre標簽是最常用的標簽。pre標簽用于顯示預格式化的文本，即文本的輸出與在HTML代碼中的書寫格式完全一致。下面我們來看一下如何使用HTML對齊代碼。 首先，我們需要使用pre標簽來包含我們想要對齊的代碼段。例如：

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

上面的代碼段中的每一行都使用了相同的縮進，這樣可以使代碼看起來更整潔。接下來，我們可以使用CSS來對齊我們的代碼段。 如果我們要讓我們的代碼段左對齊，只需要將pre標簽的text-align屬性設置為left即可。例如：

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

如果我們要將代碼段居中對齊，只需要將pre標簽的text-align屬性設置為center即可。例如：

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

如果我們要將代碼段右對齊，只需要將pre標簽的text-align屬性設置為right即可。例如：

.container {
width: 100%;
max-width: 960px;
margin: 0 auto;
}

總之，HTML對齊代碼可以使我們的代碼更加容易閱讀和理解。使用pre標簽和CSS可以輕松地對齊我們的代碼段。