Creating Extra Block Headers

Published April 07th 2009 by
Filed under CSS, HTML

By default, html has 6 predefined headers which can be used by putting the number of the header inside the code around the header like this: <H1>Title</H1> up to <H6>Title</H6>.

These headers all display in block form as default which is invisible until a background is given to the header.

If you’ve run out of headers you can create your own by putting adding css style to your text but when you try doing this, you’ll notice that the custom header won’t display in block form.

To fix this, you need to define the block form in the style. This can be done like this:

<P style=”display: block;”>Text</P>

Following “display: block;” will be the rest of the style you want to give the header such as backgrounds, fonts, font colors and alignment.