This is a wrapped heading

Why this is cool: The line below the header has the same width as the last word and not the full width of the <h1> or the <body>.

This is done by using a text-indent on the header and then adjusting the width of it so that the <span> tag (that surrounds the last word) wraps to the next line. All other elements have the same amount of padding-left as the header's indentation (here 80px).

In the future, I guess this method could be simplified using the then hopefully more accepted :first-row attribute, thus making the <span> trick obsolete.