<br>を使わずにCSSだけで改行する方法

を使わずにCSSだけで改行する方法 WEBデザイン

<br>を使わずにCSSだけで改行したい場合があります。
そんな時に使えるテクニックです。

スポンサーリンク

::beforeを使う場合(spanの前で改行します。)

【CSS】※::beforeの場合

【HTML】

【表示例】

あいうえお
かきくけこさしすせそ

スポンサーリンク

::afterを使う場合(spanの後で改行します。)

【CSS】※::afterの場合

【HTML】

【表示例】

あいうえおかきくけこ
さしすせそ

 

以上です。