CSSで特定の要素の前後に何かを書き足すときにはそれぞれ疑似要素の『:before』、『:after』を使用します。 クラス内のcontentプロパティに文字を入れるとそれが挿入されますが、改行する際は『\A』のエスケープ文字と『white-space』プロパティに『pre』を記述してください。これを入れないと改行が反映されないようです。 .sample1:before{ content:"★参考★\A"; } .sample2:before{ content:"★参考★\A"; white-space: pre; } .sample1 テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキ ストテキストテキストテキストテキストテキスト
![【CSS】beforeのcontentで改行する - めめんと](https://cdn-ak-scissors.b.st-hatena.com/image/square/7d170479c1ba4a6b333eecc9c0aec8efa87f4f6d/height=288;version=1;width=512/https%3A%2F%2Fmementoo.info%2Farchives%2Fwp-content%2Fuploads%2F2014%2F05%2Fadobe-blueprint-15.png)