Update

typography/index.html

@@ -350,65 +350,109 @@
 <p>Here you’ll find the <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list">complete list of HTML5-Tags</a> and this is how they look like.</p>
 
 <h3 id="lth1gtlth2gtlth3gtlth4gtlth5gtlth6gt">&lt;h1&gt;,&lt;h2&gt;,&lt;h3&gt;,&lt;h4&gt;,&lt;h5&gt;,&lt;h6&gt;</h3>
-<p>### &lt;p&gt;
+
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
+<h3 id="ltpgt">&lt;p&gt;</h3>
-### &lt;hr&gt;</p>
+<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
+
+<h3 id="lthrgt">&lt;hr&gt;</h3>
 <hr />
 
 <h3 id="ltpregt">&lt;pre&gt;</h3>
 <pre>
     Here comes code.
 </pre>
-<p>### &lt;blockquote&gt;</p>
+
+<h3 id="ltblockquotegt">&lt;blockquote&gt;</h3>
 <blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</blockquote>
-<p>### &lt;ol&gt;
+
-1. One
+<h3 id="ltolgt">&lt;ol&gt;</h3>
-2. Two
+<ol>
-3. Three
+  <li>One</li>
-    4. Second Level One
+  <li>Two</li>
-    4. Second Level Two
+  <li>Three
-    4. Second Level Three
+    <ol>
-        5. And a third level one
+      <li>Second Level One</li>
-        5. And a third level two
+      <li>Second Level Two</li>
-        5. And a third level three
+      <li>Second Level Three
-4. Four
+        <ol>
-5. Five
+          <li>And a third level one</li>
-### &lt;ul&gt;
+          <li>And a third level two</li>
-- One item
+          <li>And a third level three</li>
-    + Second Level Item One
+        </ol>
-    + Second Level Item Two
+      </li>
-    + Second Level Item Three
+    </ol>
-        * Third Level One
+  </li>
-        * Third Level Two
+  <li>Four</li>
-        * Third Level Three
+  <li>Five</li>
-- Second item
+</ol>
-- Third item
+
-- Fourth item
+<h3 id="ltulgt">&lt;ul&gt;</h3>
-- Fifth item and so on…
+<ul>
-### &lt;dl&gt;
+  <li>One item
-### &lt;dt&gt;
+    <ul>
-### &lt;dd&gt;
+      <li>Second Level Item One</li>
-### &lt;a&gt;
+      <li>Second Level Item Two</li>
-### &lt;em&gt;
+      <li>Second Level Item Three
-### &lt;strong&gt;
+        <ul>
-### &lt;small&gt;
+          <li>Third Level One</li>
-<small>This is small text.</small>
+          <li>Third Level Two</li>
-### &lt;s&gt;
+          <li>Third Level Three</li>
-### &lt;cite&gt;
+        </ul>
-### &lt;q&gt;
+      </li>
-### &lt;dfn&gt;
+    </ul>
-### &lt;abbr&gt;
+  </li>
-### &lt;time&gt;
+  <li>Second item</li>
-### &lt;code&gt;
+  <li>Third item</li>
-### &lt;var&gt;
+  <li>Fourth item</li>
-### &lt;samp&gt;
+  <li>Fifth item and so on…</li>
-### &lt;kbd&gt;
+</ul>
-### &lt;sub&gt;
+
-### &lt;i&gt;
+<h3 id="ltdlgt">&lt;dl&gt;</h3>
-### &lt;b&gt;
+
-### &lt;u&gt;
+<h3 id="ltdtgt">&lt;dt&gt;</h3>
-### &lt;mark&gt;
+
-### &lt;br&gt;</p>
+<h3 id="ltddgt">&lt;dd&gt;</h3>
+
+<h3 id="ltagt">&lt;a&gt;</h3>
+
+<h3 id="ltemgt">&lt;em&gt;</h3>
+
+<h3 id="ltstronggt">&lt;strong&gt;</h3>
+
+<h3 id="ltsmallgt">&lt;small&gt;</h3>
+<p><small>This is small text.</small></p>
+
+<h3 id="ltsgt">&lt;s&gt;</h3>
+
+<h3 id="ltcitegt">&lt;cite&gt;</h3>
+
+<h3 id="ltqgt">&lt;q&gt;</h3>
+
+<h3 id="ltdfngt">&lt;dfn&gt;</h3>
+
+<h3 id="ltabbrgt">&lt;abbr&gt;</h3>
+
+<h3 id="lttimegt">&lt;time&gt;</h3>
+
+<h3 id="ltcodegt">&lt;code&gt;</h3>
+
+<h3 id="ltvargt">&lt;var&gt;</h3>
+
+<h3 id="ltsampgt">&lt;samp&gt;</h3>
+
+<h3 id="ltkbdgt">&lt;kbd&gt;</h3>
+
+<h3 id="ltsubgt">&lt;sub&gt;</h3>
+
+<h3 id="ltigt">&lt;i&gt;</h3>
+
+<h3 id="ltbgt">&lt;b&gt;</h3>
+
+<h3 id="ltugt">&lt;u&gt;</h3>
+
+<h3 id="ltmarkgt">&lt;mark&gt;</h3>
+
+<h3 id="ltbrgt">&lt;br&gt;</h3>
 
 <h2 id="tables">Tables</h2>
 <p>&lt;table&gt;