ちょっと知っていると便利なcssの小技をメモしておきます。
<br>を使わずに改行する方法
「::before」「::after」でのみ効かせられる。「white-space: pre」は、記載通りの体裁にする値。デザイン上、どうしても改行したい場合に使える。
::after { content: "\A" ; white-space: pre ; }
<sup><sub>を使わずに上付き文字、下付き文字にする方法
の本来の目的とは違って上付き・下付き文字が必要な場合も多い。
.uetsuki { vertical-align: super; } .shitatuki { vertical-align: sub; }