vertical-align

プロパティの説明

vertical-alignは、縦方向の文字配置を指定するプロパティです。画像と文字の大きさが一致しないときなどに使用します。インライン要素と<td>, <th>に指定することができます。

指定できる値

baseline
標準設定。基準ラインに揃える。
top
上に揃える。
middle
中央に揃える。
bottom
下に揃える。

サンプル

サンプルページ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "https://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <title>サンプルページ</title>
 <style type="text/css">
 <!--
 .v1{
 vertical-align:middle;
 }
 -->
 </style>
</head>

<body>
 <h1>サンプルページ</h1>
 <p>
 右に画像を表示。通常の表示
 <img src="../img/banner/pluto01.gif" alt="画像">
 </p>
 <p>
 右に画像を表示。vertical-align指定
 <img src="../img/banner/pluto01.gif" alt="画像" class="v1">
 </p>
</body>

</html>