Skip to content
Novus Examples

CSS generated content

Labels, prefixes, counters and a currency symbol that all come from CSS rather than from the markup. Reading the HTML gives one answer, reading the rendered page gives another. SAMPLE wording only.

Pseudo-element content

the prefix before this sentence came from CSS

and the suffix after this one did too

Counters

  1. First SAMPLE step
  2. Second SAMPLE step
  3. Third SAMPLE step

Content from an attribute

The figure above is assembled from data attributes by CSS. The markup contains an empty span.