tableを使わずdivで縦位置を指定 « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb

tableのセルでは、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

[NEPPIE]

CSSでレイアウトする上でいつも迷ってしまう縦位置。しっかりと覚えなくては…。

[forcutie]

vertical-align

[micdonalds]

divで縦位置を設定

[misarine3]

一番わかりやすい説明だった

[kiyokichi]

　やってみたけどfloatもかぶせるとうまくいかないご様子？

[Yam-Nam]

div要素内で右寄せ下寄せなど