今天我們來談論一下HTML5中如何對齊居中的內容。對于一些布局要求比較高的網站和頁面，居中對齊是非常重要的。 我們可以使用CSS中的text-align屬性來設置文字水平居中，但是對于整個div居中對齊，需要使用不同的技巧。下面是一個簡單的HTML代碼。

<div class="container">
<p>這是一個居中對齊的段落。</p>
</div>

我們可以使用以下CSS代碼來實現div居中對齊的效果。

.container {
width: 300px; /* 設置div的寬度 */
height: 300px; /* 設置div的高度 */
border: 1px solid black; /* 設置邊框樣式 */
display: flex; /* 設置彈性布局 */
justify-content: center; /* 設置主軸方向居中對齊 */
align-items: center; /* 設置交叉軸方向居中對齊 */
}

在上面的代碼中，我們使用了flex布局，使用justify-content和align-items屬性來分別實現主軸和交叉軸方向的居中對齊。同時，我們也設置了div的寬度、高度和邊框樣式，以便更好地展示效果。 最后，我們在div中插入了一個段落，使用p標簽進行設置文字樣式。這樣，整個div以及其中的內容都能夠被居中對齊，達到我們預期的效果。 以上就是關于HTML5中居中對齊的一些基礎代碼，大家可以在實際開發中進行使用。