Section header

A <header> as the first child of a <section> is the section heading: an <h2> on the left and a line of standfirst on the right, above a rule.

Basic

<section>
  <header>
    <h2>Build log</h2>
    <p>Every page atlas rendered this morning, newest first, with the time each one took.</p>
  </header>
  <p>182 pages, one warning, 1.94 seconds.</p>
</section>

With an <h2> on its own the header becomes one column; the rule stays.

Notes

• The two columns sit on a shared baseline, so the heading and the standfirst line up however long either is.
• The paragraph is capped at 58 characters a line and takes --s72-fg-2.
• Under 900px the two columns stack.
• The rule under the header is --s72-fg, the page ink at full strength.