CSS中如何讓元素對齊一直是網頁制作的一個重要問題。在HTML中，我們可以使用表格來實現元素對齊，但是在現代的網頁中，由于響應式布局和移動設備的使用，表格已經不再是一個好的選擇了。那么，在CSS中如何做到元素對齊呢？

首先，我們需要確定哪些元素需要對齊。CSS中有一個display屬性，可以將元素的顯示方式設置為Block或Inline。如果兩個元素都是Block元素，我們可以使用text-align屬性將它們的文本對齊。如果是Inline元素，則需要使用vertical-align屬性對它們的垂直位置進行設置。

.block {
display: block;
text-align: center; /* 水平居中 */
}
.inline {
display: inline;
vertical-align: middle; /* 垂直居中 */
}

此外，在響應式布局中，我們需要使用彈性盒子（Flexbox）來進行元素對齊。Flexbox可以使子元素在容器中自動對齊，并且可以根據需要改變它們的大小和順序。以下是一個使用Flexbox進行元素對齊的簡單例子：

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

總之，對于元素對齊問題，我們需要根據實際情況選擇不同的方法。通過理解CSS中的常用屬性，我們可以更好地掌握元素對齊的技巧，從而制作出更加完美的網頁。