CSSを使用した上付き文字の作成方法


<p>この文書はHTML<sup>5</sup>で書かれています。</p>
  • vertical-alignプロパティを使用する方法:

    <p>この文書はHTML<span style="vertical-align: super;">5</span>で書かれています。</p>
  • line-heightプロパティを使用する方法:

    <p>この文書はHTML<span style="line-height: 0.8;">5</span>で書かれています。</p>
  • transformプロパティを使用する方法:

    <p>この文書はHTML<span style="transform: translateY(-0.5em);">5</span>で書かれています。</p>
  • font-sizeプロパティを使用する方法:

    <p>この文書はHTML<span style="font-size: smaller;">5</span>で書かれています。</p>
  • これらはいくつかの一般的な方法ですが、CSSには他にも多くの方法があります。使用する方法は、あなたの要件や好みによって異なります。以上の方法を試してみて、最適な方法を見つけてください。