ちょっと知っていると便利なcssの小技をメモしておきます。

<br>を使わずに改行する方法

「::before」「::after」でのみ効かせられる。「white-space: pre」は、記載通りの体裁にする値。デザイン上、どうしても改行したい場合に使える。

::after {
	content: "\A" ;
	white-space: pre ;
}

<sup><sub>を使わずに上付き文字、下付き文字にする方法

の本来の目的とは違って上付き・下付き文字が必要な場合も多い。

.uetsuki { vertical-align: super; }
.shitatuki { vertical-align: sub; }

参考サイト

• CSSでbr要素みたいに改行する方法
• white-space－スタイルシートリファレンス
• スタイルシート［CSS］/テキスト・フォント/上付文字と下付文字 – TAG index