how to display html with CSS

Question

I am aware that content can be displayed with css using content

.email-address:before {
   content: "Email address: ";
}

But what if I wanted to do something like this:

.email-address:before {
   content: "<strong class='my text'>Email address:</strong>";
}

is this possible?

Answer 1

No, but.

What you can do is :

.email-address:before {
   content: "Email address: ";
   font-weight:bold;
}

and or :

.email-address:before, .my-text {
    /* Rules for my-text */ 
}

---

<edit>

If your idea was to retrieve some pieces of text you can use data-attributes.

<p class="email-address" data-name="myName" data-com="mydomain.com"></p>

and

.email-address:before {
   content: "Email address: "attr(data-name)'@'attr(data-com);
   font-weight:bold;
}

demo

Answer 2

No. No DOM element will be altered. The content will be only referenced as text and not HTML.