HTMLタグ・CSS｜CSS辞典｜縦の表示位置 vertical-align

Home≫CSS辞典≫縦の表示位置 vertical-align

縦の表示位置 vertical-align

≪ 横の表示位置 text-align	【 HOME 】	左右の回り込み float ≫

縦の表示位置（サンプル）

サンプル用の文字

サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字

サンプル文字

サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字

サンプル文字

▼

サンプル用の文字

サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字

サンプル文字

サンプル文字
サンプル文字
サンプル文字
サンプル文字
サンプル文字

サンプル文字

※ 上が通常の状態で、下が実際に効果を反映したサンプルです。

縦の表示位置（詳細情報）
字体	vertical-align:★;
指定	★の部分に下記の「」内の効果を指定していきます。「baseline」文字をベースラインに配置する。「super」文字などを上付きにする。（Netscape 4 未対応）「sub」文字などをした付きにする。（Netscape 4 未対応）「top」文字などを上に指定する。「middle」文字などを中央に指定する。「bottom」文字などを下に指定する。
効果	表示位置を指定することができます。

≪ 横の表示位置 text-align	【 HOME 】	左右の回り込み float ≫

練習用書き込みフォーム（サンプル表示）
<table border> <tr> <td>サンプル文字<br />サンプル文字<br />サンプル文字<br />サンプル文字<br />サンプル文字<br /> </td> <td style="vertical-align:top;">サンプル文字</td> </tr> </table> <br />