Useful when building a typography size stack

typography-test.htm

<h1>h1 title style</h1>
<h2>h2 title style</h2>
<h3>h3 title style</h3>
<h4>h4 title style</h4>
<h5>h5 title style</h5>
<h6>h6 title style</h6>
<h1>h1 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h1 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h1>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h2>h2 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h2 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h2>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h3>h3 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h3 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h3>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h4>h4 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h4 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h4>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h5>h5 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h5 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h5>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h6>h6 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!h6 title here, lets just check multi-line support and leading/spacing thanks to make sure we are good!</h6>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h3>List items</h3>
<ul>
 	<li>Lorem Bibendum Quam Pharetra Porta</li>
 	<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</li>
 	<li>Pharetra</li>
 	<li>Maecenas</li>
</ul>
<ul>
 	<li>Eo quam</li>
 	<li>Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus.</li>
 	<li>Sed posuere consectetur est at lobortis.
<ul>
 	<li>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.</li>
 	<li>Eo quam</li>
 	<li>Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus.</li>
</ul>
</li>
 	<li>Sed posuere consectetur est at lobortis.</li>
 	<li>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.</li>
</ul>
<ol>
 	<li>Lorem Bibendum Quam Pharetra Porta</li>
 	<li>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</li>
 	<li>Pharetra</li>
 	<li>Maecenas</li>
</ol>
<ol>
 	<li>Eo quam</li>
 	<li>Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus.</li>
 	<li>Sed posuere consectetur est at lobortis.
<ol>
 	<li>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.</li>
 	<li>Eo quam</li>
 	<li>Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus.</li>
</ol>
</li>
 	<li>Sed posuere consectetur est at lobortis.</li>
 	<li>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.</li>
</ol>
<h3>Paragraph text</h3>
Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h3>Meta paragraph text</h3>
<p class="meta">Donec sed odio dui. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.</p>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum. Nullam id dolor id nibh ultricies vehicula.
<h3>Links</h3>
Donec sed odio dui. Aenean eu leo quam. <a href="#">Pellentesque ornare</a> sem lacinia quam venenatis vestibulum. Vivamus sagittis lacu eu leo. Donec id elit non mi porta gravida at eget metus. Sed posuere consectetur est at lobortis.

<a href="#">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper cras mattis consectetur purus sit amet fermentum</a>. Nullam id dolor id nibh ultricies vehicula.