コード
.br::before {
content: "\A";
white-space: pre;
}
プレビュー
あいう
えお
解説
改行したい文字を、br
クラスを付与したspan
タグで囲んで使用します。
そして、CSSでは.br::before
のcontent
プロパティに\Aを指定します。
※AはISO-10646の改行コードで\でエスケープして使用します。
そしてwhite-space
にpre
を指定することで改行を有効にします。
brタグを使わずにCSSで改行することによって、PCでは改行するがスマホでは改行しない、ということが可能になります。