PrintCSS: Running Headers and Footers

If you want to use HTML inside the page margin boxes, you will need to use running elements. These elements are normal HTML nodes with the CSS position property set to 'running(NAME)'.

The name given to the running element is used within the page margin boxes to set their content to the running elements inner HTML.

To do so, you need to set the specific page margin box's CSS content property to 'element(NAME)', where NAME is the given running element name.

Elements with the position running do not appear in the document until you assign them to some CSS content property.

Your running elements must come first in your HTML structure. For example, if you put the footer element before the closing body tag, the running footer will only appear on the last page.

Example Document

This template keeps a fixed header and footer on every printed page, with space correctly reserved so content never overlaps them.

Long Table (breaks across pages, header repeats)

#	Item	Description

Another Section

You can insert .page-break anywhere to start a new page explicitly.