vertical centering with css

雖然css以有一些支援垂直對齊的屬性，但跟表格比起來，還是相差甚遠。

最通用的vertical-align:middle;的attribute只支援inline(行內)屬性的物件，
如 img, a等，行內元素是跟語義相關的，而另一種對齊的方式，
是將這些物件全部設成display:block,然後利用浮動屬性來進行垂直對齊。
這篇文章有更詳細的解說，關於何謂塊狀元素，何謂行內元素。
Box Model — Margin, Padding & Borders


關於垂直對齊，這邊有更詳細的教學。
vertical centering with css