CSSの疑似要素 “before”や“after”内でHTMLは使える？

CSSの疑似要素 「 :before 」「 :after 」便利ですよね。

私もよく使うのですが、ふと「content””」にHTMLタグは使用できるのか？
と思ってしまうことがありますが、結論から言うとHTMLタグの使用はできません。

「content””」内にタグを入れれば、HTMLコードのまま出力されてしまいます。

改行はできる

HTMLタグを使用するわけではないですが、改行は可能です。

下記のように「content: ‘\A’」と「white-space: pre;」を指定することで、改行が可能です。
改行をしたいだけという時はこちらが便利です。