[新着] Webテンプレートを仮オープンしました
vertical-align は、表示位置（縦方向）を指定するプロパティです。
このプロパティの値に super や sub を指定すると、文字の位置を「上付き」や「下付き」にすることができます。
.example {
vertical-align: super;
}
| vertical-align | super … （上付き文字にします） |
|---|---|
| sub … （下付き文字にします） | |
| baseline … （標準位置）デフォルト |
※上記以外にも指定できる値がありますが、ここでは使用しないので省いています。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#example1 { vertical-align: super; }
#example2 { vertical-align: sub; }
-->
</style>
</head>
<body>
<p>標準の位置と<span id="example1">上付き文字</span></p>
<p>標準の位置と<span id="example2">下付き文字</span></p>
</body>
</html>
▼これをブラウザで見ると次のように表示されます
標準の位置と上付き文字
標準の位置と下付き文字
