上下中央配置テスト vertical-align:middle

上下中央配置をクロスブラウザで table タグ無しで行うテストhttp://scuderia-web.com/tips/xhtml_css/div_vertical_align.php

1行で中央配置

テキスト

テキスト
テキスト

テキスト
テキスト
テキスト
テキスト
テキスト
テキスト

上下中央配置テスト

上下中央配置したブロックを横に並べる for modern browser

ie8, firefox3.6,

テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
word-break, word-wrap text. 1111111111111111111111111111111111111111111111111111111111111111111111111
this cell will break. 11111111111111111111111111111111111

上下中央配置したブロックを横に並べる for IE

ie5.5, ie6, ie7

テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
テキスト
word-break, word-wrap text. 1111111111111111111111111111111111111111111111111111111111111111111111111
this cell will break. 11111111111111111111111111111111111

上下中央配置テスト

http://www.webbibo.com/blog/htmlcss/vertical/125.html
ボックス1
ボックス1
ボックス1
ボックス1
ボックス1
ボックス2
ボックス2