Check out a free preview of the full CSS3 In-Depth course:
The "Generated content" Lesson is part of the full, CSS3 In-Depth course featured in this preview video. Here's what you'd learn in this lesson:
Generated content is content created with CSS that can be placed before or after the content of an element. The difference is the generated content is not part of the DOM. Essentially you have two stylable elements (<before> and <after>) for every non-empty element. Within the content property, you can put any text, unicode character, attribute, or counter.