CSS content property not displaying

Question

I am new to CSS and I\'m following a book example:

Iv\'e copied the following from the book and saved it as HTML. all the css properties seem to work except the \"conten

Answer 1

content is used with :before or :after like so:

div:after
{
    content: "Hello, world!";
}

Regardless, I've only used content for special cases (to clear floated elements, for example). I've never actually used this to insert content. You generally want to separate content and presentation anyway, so I think this is a bad idea. Which book are you reading? :)

Answer 2

The content property only applies to CSS pseudo-elements such as :before and :after.

You cannot use it to set the content of an arbitrary element.

Answer 3

The content property only works for :before and :after to prepend or append content to said nodes, like so:

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

<ul>
  <li class="email-address">myemail@gmail.com</li>
</ul>

The output would be

• Email address: myemail@gmail.com