BOI - Typography kitchen sink

BOI-Typography-only-kitchen-sink.html

<h1>Headings</h1>
<span style="display:block; margin:10px 0; border-bottom: 3px solid #ddd"></span>
<h1>h1. This is 1st level heading</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h2>h2. This is 2nd level heading</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h3>h3. This is 3rd level heading</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h4>h4. This is 4th level heading</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h5>h5. This is 5th level heading</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h6>h6. This is 6th level heading</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, numquam, quam porro sint repellendus voluptate consequuntur necessitatibus quidem! Ullam quis rerum excepturi odio similique facilis. Recusandae accusantium, dolorem maxime ipsum.</p>
<h1>Blockquote</h1>
<span style="display:block; margin:10px 0; border-bottom: 3px solid #ddd"></span>
<blockquote>This is a block quotation containing a single paragraph. Well, not quite, since this is not <em>really</em> quoted text, but I hope you understand the point. After all, this page does not use HTML markup very normally anyway.</blockquote>
<h1>Lists</h1>
<span style="display:block; margin:10px 0; border-bottom: 3px solid #ddd"></span>
<h3>Unordered list (after a paragraph)</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum provident tempore quos molestias repellendus repellat porro ab voluptatem impedit enim architecto voluptates, aut assumenda accusantium voluptas ipsa quam itaque veritatis.</p>
<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
    <li>Impedit nisi magnam molestias.</li>
    <li>mollitia praesentium explicabo eveniet impedit adipisci! Quam quibusdam ut assumenda ad.</li>
    <li>Four. Officia consequatur sint quas blanditiis maiores labore.</li>
</ul>
<h3>Ordered list</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum provident tempore quos molestias repellendus repellat porro ab voluptatem impedit enim architecto voluptates, aut assumenda accusantium voluptas ipsa quam itaque veritatis.</p>
<ol>
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</li>
    <li>Impedit nisi magnam molestias.</li>
    <li>mollitia praesentium explicabo eveniet impedit adipisci! Quam quibusdam ut assumenda ad.</li>
    <li>Four. Officia consequatur sint quas blanditiis maiores labore.</li>
</ol>