書式 vertical-align:位置
対象インライン要素
継承しない
初期値 baseline
解説
縦位置を指定します。
| 設定名 | 種類 |
|---|
| baseline | ベースライン |
| top | 上端 |
| middle | 中央 |
| bottom | 下端 |
| text-top | 文字の上端 |
| text-bottom | 文字の下端 |
| sub | 下付き |
| super | 上付き |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
div { position:absolute; top:10;left:10px; }
span { font-size:50%; vertical-align:top; }
--></style>
</head>
<body>
<img src="Default.png">
<div>サンプルテキストです。<br>Sample Text</div>
</body>
</html>