Question：CSSで改行を入れるには？

HTMLのbrタグを使わずに、CSSで改行を入れます。

HTML（例）

この文章の途中で<span class="css-br">改行を入れてみます</span>

CSS（例）

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

＊デモサイトはこちら

「css-br」というクラスを作ってみました。
（＊クラス名は何でも良いです）

また、疑似要素の「::before」か「::after」を使います。
「::before」の場合は対象要素の直前に改行が入ります。
「::after」の場合は対象要素の直後に改行が入ります。

上記のコード例では、spanで区切った直前に改行が入ります。

つまり、以下のHTMLコードと同様の結果になります。

この文章の途中で<br>改行を入れてみます

制作のご依頼を受け付けています

星月WEBデザインでは
ホームページ（WEBサイト）・バナー画像等の制作依頼を受け付けています。

遠隔地の方は、クラウドソーシングのランサーズからお申し込みください。

メールでのお問い合わせはこちら

ランサーズ：星月WEBデザインのページはこちら