MOZILLA › Two Tone Headings

Date : Pre 2006

For all the latest browsers

HEADING WITHOUT LINE

HEADING WITH LINE

... and there you have it ...

IN BLACK AND GREY

... but IE will only see monotonous text.

Information

This is pure text, no images have been used in the making of this demo.

This works in Firefox and Opera and I assume some Mac browsers. Please let me know.

Internet Explorer will just see a single color heading and will not know what it is missing.

Making use of content:before we can create a copy of the h1 heading and split it horizontally to create this two tone header.

The white separating line is just a white border.