Add HTML code using CSS

Question

html

<div id="mydiv"></div>

I want to add HTML code into this div (see following result I want) using ONLY CSS

<div id="mydiv"><a href="#">Lorem</a></div>

I think :after and :before are not helpful here!

It's not possible, CSS isn't markup language.

pavel
– pavel

2015-05-15 11:57:55 +00:00
Commented May 15, 2015 at 11:57 — pavel
– pavel, Commented May 15, 2015 at 11:57

Rahul Tripathi · Accepted Answer · 2015-05-15 12:06:37Z

1

CSS is not HTML. It is not possible to achieve that as CSS is not a markup language.

Just to add you can add content but not the element using :before or :after pseudo-element. Refer the specs

edited May 15, 2015 at 12:06

answered May 15, 2015 at 11:59

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user4563161 · Accepted Answer · 2015-05-15 12:00:04Z

0

You shouldn't do this for many reasons.

Firstly its just wrong.

Secondly it is not possible.

Css is not for markup html is.

and I dont even understand why you would want to do this at all.

answered May 15, 2015 at 12:00

user4563161

Comments

jhuiting · Accepted Answer · 2015-05-15 12:00:14Z

0

You can use content (just for text) in a couple of browsers but it's a really bad idea. Please solve this differently e.g. with Javascript, you'll need to for HTML anyway.

answered May 15, 2015 at 12:00

jhuiting

667 bronze badges

Collectives™ on Stack Overflow

Add HTML code using CSS

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related