真ん中に揃える方法その２ table-cell

続、CSSです。

table-cellの存在を初めて知ったのでメモ。

table-cellはtd的なものにしてくれるものです。

真ん中にしたい要素のdisplayプロパティにtable-cellを、

親要素のdisplayをtable設定すると、

text-alignが使えるようになる！（はず）

わたしがはまったのは、

float消すのを忘れてたこと。

html5から始めたので、

tableタグってなじみがないんだよなー。