未分類

CSS 2.0 の勉強 (上付き文字の設定)

CSS 2.0 を勉強しましょう。

上付き文字の設定方法を説明します。

以下の例では、2 つの単語を表示し、2 つ目の単語は 1 つ目の単語の上付き文字として表示します。

■コード (HTML)

<p>
<span class="text1">Apple</span>
<span class="text2">Apple</span>
</p>

■コード (CSS)

.text1 {
font-size: 28pt;
}

.text2 {
vertical-align:top;
}

■ 説明
1 つ目の単語の大きさに合わせて、2 つ目の単語の位置を上側に設定します。

-未分類