text-align和vertical-align

1.text-align（水平對齊）
text-align樣式使元素在其定界區域內水平對齊，其取值能夠是left、right、center或justify。justify使元素兩端對齊。
2.vertical-align（垂直對齊）
（1）vertical-align基本屬性
baseline：將支持valign特性的對象的內容與基線對齊
sub：垂直對齊文本的下標
super：垂直對齊文本的上標
top：將支持valign特性的對象的內容與對象頂端對齊
text-top：將支持valign特性的對象的文本與對象頂端對齊
middle：將支持valign特性的對象的內容與對象中部對齊
bottom：將支持valign特性的對象的文本與對象底端對齊
text-bottom：將支持valign特性的對象的文本與對象底端對齊
inherit：規定應該從父元素繼承 vertical-align 屬性的值(任何版本的IE（包括 IE8）都不支持屬性值 "inherit")
注：經常使用的有top、middle、bottom，其餘的不是很經常使用。全部瀏覽器都支持該屬性。
通常用於圖片和表格的對齊
（2）vertical-align屬性不起做用？
只有一個元素屬於inline或是inline-block，其身上的vertical-align屬性纔會起做用（即span內聯元素、img內聯塊狀元素等元素能夠起做用，而div爲塊狀元素block則不能夠）
對vertical-align想要有更多的瞭解可參考：
http://www.zhangxinxu.com/wordpress/2010/05/%E6%88%91%E5%AF%B9css-vertical-align%E7%9A%84%E4%B8%80%E4%BA%9B%E7%90%86%E8%A7%A3%E4%B8%8E%E8%AE%A4%E8%AF%86%EF%BC%88%E4%B8%80%EF%BC%89/

若是想使一個內容水平居中就使用text-align:align，反之若是是垂直居中使用text-align + vertical-align。