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