vertical-align: ***;
vertical-align は、行内における垂直方向の揃え方を指定するプロパティです。
このプロパティの値に super または sub を指定すると、文字を「上付き」または「下付き」にすることができます。
span.example {
vertical-align: super;
}
プロパティ名 | 値 | 説明 |
---|---|---|
vertical-align | super | 上付き文字にする |
sub | 下付き文字にする |
初期値は baseline(ベースラインを揃える)です。
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<style type="text/css">
span.example1 { vertical-align: super; }
span.example2 { vertical-align: sub; }
</style>
</head>
<body>
<p>100m<span class="example1">2</span></p>
<p>H<span class="example2">2</span>O</p>
</body>
</html>
表示例
100m2
H2O
- サイト内検索