CSS で垂直センター配置table で、テキストをセル内の縦のセンターに配置する時は vertical-align: middle; で簡単にできるのですが、例えば、ナビゲーションで 3em の高さのメニューがあったとして、CSS で文字をボックス内の縦のセンターに配置しようして vertical-align: middle; を指定しても実現出来ません。vertical-align の適用対象は、行内レベル要素及び'table-cell'要素だからです。 #menu li { display: block; width: 8em; height: 3em; float:left; list-style-type: none; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; vertical-align: middle;
