CSS Print, Example 3

  1. Example 1
  2. Example 2
  3. Example 3 (this page)

If you read this page in a web browser, you should see standard red text in a sans-serif font, and two copies of the Freeola forums header banner, plus a navigational list of links.

If you print it, or use print preview, you should see black text with a serif font, which is set to justify, a little bigger, and no images or navigational list.

The text should span the whole page, as the CSS property width has not been inherited by the printer version, because the media attribute has been used on the first style declaration to limit it’s use to the screen.

The CSS value justify is an alignment property, and is used to make the text align to both the left and right margin of a page.