vertical-align

書式

vertical-align:位置

対象

インライン要素

継承

しない

初期値

baseline

バージョン

CSS Level 1

対応ブラウザ

Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari

解説

縦位置を指定します。
設定名種類
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>
<div>サンプルテキストです。<br>Sample Text</div>
</body>
</html>
実際のサンプルを実行する