CSSのみで改行する方法

Pocket

brを利用せずにスタイルシートのみで改行してみましょう。

まず改行した直後の文言にクラスを指定します。

<p>スタイルシートで<span class="br">改行</span>します。</p> 

そして下記のCSSを指定します。

 

.br:before {
  content: "\A";
  white-space: pre;
}

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*