對齊是網頁設計的一個重要因素，因為它直接影響頁面布局和用戶體驗。CSS是定位和對齊元素的常用工具。下面將介紹如何使用CSS設置元素對齊。

/* 水平居中對齊 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

要使元素水平居中對齊，需要使用flexbox布局。將父元素的display屬性設置為flex，然后使用justify-content和align-items屬性設置元素在水平和垂直方向上的居中對齊。這樣可以使元素在任何屏幕大小下都保持居中。

/* 垂直居中對齊 */
.container {
position: relative;
}
.inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

要使元素垂直居中對齊，可以使用position屬性和transform屬性。首先將父元素的position屬性設置為relative，在子元素中將position屬性設置為absolute，并使用top和left屬性將元素放置在父元素的中心。然后使用transform屬性將元素往上移動50%和往左移動50%。這樣可以使元素垂直居中對齊。

/* 文本對齊 */
p {
text-align: center;
}

要使文本居中對齊，可以在相關的元素中使用text-align屬性，將其設置為center。這樣可以使文本在元素中心對齊。

上述代碼僅展示了CSS設置元素對齊的基礎知識，具體應用取決于實際需求。在設計和開發網頁時，對齊是一個關鍵因素，需要仔細考慮，并使用CSS等工具進行精確控制。