兩個標題水平齊是一個非常常見的需求，在網頁設計中也經常需要用到。下面介紹一種使用CSS實現目標的方法。

h1, h2 {
display: inline-block;
vertical-align: middle;
margin: 0;
}
h1 {
width: 50%;
text-align: left;
}
h2 {
width: 50%;
text-align: right;
}

我們首先將h1和h2元素的display屬性設為inline-block，這樣它們就變成了“行內塊元素”，同時可以設置寬高，而不是撐滿整個父元素。

然后我們將它們設置了vertical-align:middle，這樣它們就會在同一行上并居中對齊。

最后我們為h1和h2分別設置了50%的寬度，并分別設置對齊方式，這樣就能實現兩個標題水平齊的效果了。