使用 text-align

最常見和最簡單的居中型別是元素中的文字行。為此目的,CSS 有規則 text-align: center

HTML

<p>Lorem ipsum</p>

CSS

p {
    text-align: center;
}

這不適用於整個塊元素的居中text-align 僅控制其父塊元素中的內聯內容(如文字)的對齊方式。

Typography 部分中檢視有關 text-align 的更多資訊。