CSSのcontentに文字列を設定時に、改行を入れるには

hoge

contentでの改行は「\A」。

 

※「white-space: pre;」も一緒に設定すること！

p::after{
	white-space: pre;
	content: "一行目\A" "二行目\A" "三行目";
}

一行で書いてしまってもよいのだけど、文字列に英語が含まれていると改行コードが誤変換される時があるので、その時は分けて書くと良い。

分けて書く方法は、半角スペースを開けるだけで良い。

 

さらに

contentはさらに地味に優秀で、要素の属性を表示させたり出来てしまうらしい。
参考

aのhrefを表示させる例

a::after{
	content: "hrefは、" attr(href);
}