CSS Titles

Headings

h1. Lorem ipsum dolor sit amet

h2. Lorem ipsum dolor sit amet

h3. Lorem ipsum dolor sit amet

h4. Lorem ipsum dolor sit amet

h5. Lorem ipsum dolor sit amet
	                <h1>h1. Lorem ipsum dolor sit amet</h1>
<h2>h2. Lorem ipsum dolor sit amet</h2>
<h3>h3. Lorem ipsum dolor sit amet</h3>
<h4>h4. Lorem ipsum dolor sit amet</h4>
<h5>h5. Lorem ipsum dolor sit amet</h5>
                

Headings as other Headings

Sometimes for SEO reasons you woud need to use another tag than a heading but to maintain the same appearance. For this cases use the fz modifiers:

h2 as h1. Lorem ipsum dolor sit amet

h3 as h2. Lorem ipsum dolor sit amet

h4 as h3. Lorem ipsum dolor sit amet

h5 as h4. Lorem ipsum dolor sit amet
h6 as h5. Lorem ipsum dolor sit amet
	                <h2 class="fz-h1">h2 as h1. Lorem ipsum dolor sit amet</h2>
<h3 class="fz-h2">h3 as h2. Lorem ipsum dolor sit amet</h3>
<h4 class="fz-h3">h4 as h3. Lorem ipsum dolor sit amet</h4>
<h5 class="fz-h4">h5 as h4. Lorem ipsum dolor sit amet</h5>
<h6 class="fz-h5">h6 as h5. Lorem ipsum dolor sit amet</h6>
                

Headings with small element

h1. Lorem ipsum dolor sit amet

h2. Lorem ipsum dolor sit amet

h3. Lorem ipsum dolor sit amet

h4. Lorem ipsum dolor sit amet

h5. Lorem ipsum dolor sit amet
	                <h1>h1. Lorem ipsum <small>dolor sit amet</small></h1>
<h2>h2. Lorem ipsum <small>dolor sit amet</small></h2>
<h3>h3. Lorem ipsum <small>dolor sit amet</small></h3>
<h4>h4. Lorem ipsum <small>dolor sit amet</small></h4>
<h5>h5. Lorem ipsum <small>dolor sit amet</small></h5>