在網頁設計和開發中，經常需要使用表格來呈現數據和信息。但是，當我們需要在同一頁面上呈現兩個表格時，經常會遇到對其不齊的問題。這時，我們可以使用CSS來對齊這些表格。

首先，我們可以使用CSS的float屬性來將表格對齊。我們可以將第一個表格設置為左浮動，第二個表格設置為右浮動。這樣，它們就會排列在同一行上，而且相對齊平。

table:first-child {
float: left;
}
table:last-child {
float: right;
}

同時，我們還可以使用CSS的text-align屬性來對齊表格中的內容。如果我們想要將表格中的文本左對齊，我們可以在表格的樣式中添加以下代碼：

table {
text-align: left;
}

最后，我們還可以使用CSS的margin屬性來控制表格的間距和對齊。我們可以將第一個表格的右邊距設置為10像素，將第二個表格的左邊距設置為10像素，這樣它們之間的距離就相等了。

table:first-child {
float: left;
margin-right: 10px;
}
table:last-child {
float: right;
margin-left: 10px;
}

通過上面的CSS代碼，我們可以非常簡單地對齊兩個表格，讓它們在同一行上排列，并且相對齊平。這樣可以提高網頁的可讀性和整潔度。