Heading Formats

Sometimes you may need to make some text as large as a heading – but without it actually being a heading. Or, sometimes you may need to change a heading size without breaking the semantic heirarchical ordering (because that woud be bad for SEO).

These heading format utility classes will help you out. They are styled the same as the Codebase basic (classless) styling for <h1> through <h6> headings.

These are all <div> elements, in disguise:

<div class="h1">Heading level 1</div>

<div class="h2">Heading level 2</div>

<div class="h3">Heading level 3</div>

<div class="h4">Heading level 4</div>

<div class="h5">Heading level 5</div>

<div class="h6">Heading level 6</div>