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