tableを使わずdivで縦位置を指定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWebtableのセルでは、vertical-alignを指定することで、縦方向の中心や下揃えで文字列や画像を配置することができますが、divタグの中では通常vertical-alignは適用されません。 画面中央に文字列を配置したい場合など、divでvertical-alignを指定する方法を紹介します。 サンプル tableタグを使用せずに、中央・下部に文字列を配置したサンプルです。 中央に配置 コード（中央に配置） (X)HTML <div class="outer"> <div class="vertical_middle"> <p class="inner">テキスト</p> </div> </div> CSS div.outer { display: table; /* ① */ height: 100px; width: 100%; /* ② */ background: #E3F
