先說水平對齊，那首先想到的就是text-align了，text-align:left，text-align:center，text- align:right，代表的就是左對齊，居中對齊和右對齊，需要注意的是如果有padding這類的東西在，千萬看清楚兩邊的padding值是否相 同，當你看到文字不在中間的時候，可能就是因為兩邊的padding值不同，舉例說明：
<p>我是一段測試文字</p>
如果看過我前面一片做一個簡單網頁的日志就知道，這個應該放在body標簽里面。
放在網頁里就是這樣：
為了能看清楚，我把body設置成960px寬，而且添加了灰色邊框。
加一個text-align:center;就變成了這樣：
確實到了中央，但如果padding-left:10px;padding-right:50px;結果就成了這樣：
我試了下，不太明顯，因為總的寬度960太大了，換成padding-left:10px;padding-right:300px;，結果就是這樣：
這下就明顯了，text-align:cneter;也不齊了，所以當對不齊的時候，看看有沒有這樣的情況存在。
說到padding，也可以用padding來對齊，極不推薦，所以不多說了。
再來說說垂直對齊，這個比較麻煩，如果是一行文字，可以用line-height來控制，也就是用行距來控制，line-height的值和文字所在容器的高度一樣，比如，上面那個例子，p的高度是30px，就像這樣：
為了看清楚，p用淡灰色背景標示，要把文字放在中間可以加上line-height:30px;，結果就成了這樣：
看吧，垂直方向到中間了，配合上text-align:center;，就到了正中間了。
垂 直方向對齊有一個屬性vertical-align，vertical-align:top;，vertical- align:middle;，vertical-align:bottom;，分別對應上對齊，中對齊，下對齊。為什么我一開始不說呢，有時候會無效，所 以我不常用，本來垂直對齊就不常用。
最后就是用padding了，一般是padding-top，數值多少就要看情況了。