Header Functionality
Headers are used to title pages, sections, and lists. They are always bold and bigger than the text around them. They are also aligned left to prevent awkward word wrapping.
This is a H1 header.
It's intended for use as page titles.
This is a H2 header.
It's intended for use as section titles within the page.
This is a H3 header.
It's intended for use as list titles and additional section titles instead of H2. Notice that it doesn't have padding on the bottom so that it will be flush with whatever comes after it.
Using H3 as a title to a list.
- A list item.
- Another.
Relevant HTML
<h1>H1 Header</h1> <h2>H2 Header</h2> <h3>H3 Header</h3>
Relevant CSS
#content h1
{
padding:0 0 0.4em 0;
font-size:1.8em;
font-style:italic;
text-align:left;
}
#content h2
{
padding:0 0 0.4em 0;
font-size:1.3em;
text-align:left;
}
#content h3
{
font-size:1.1em;
font-weight:bold;
text-align:left;
}