Typography

Headings

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At nesciunt temporibus distinctio.</p>
<p><b>b</b> <i>i</i>, <strong>strong</strong> <em>em</em>, <sub>sub</sub>normal<sup>sup</sup> <del>del</del> <code>code</code> <u>underline</u></p>

Lorem ipsum dolor sit amet consectetur adipisicing elit. At nesciunt temporibus distinctio.

b i, strong em, _subnormal^sup ~~del~~ code underline

Lists

<ul>
  <li>Unordered Item 1</li>
  <li>Unordered Item 2</li>
  <li>
    Unordered Item 3
    <ul>
      <li>Unordered Item 3 - 1</li>
      <li>Unordered Item 3 - 2</li>
      <li>Unordered Item 3 - 3</li>
    </ul>
  </li>
</ul>
<ol>
  <li>Ordered Item 1</li>
  <li>Ordered Item 2</li>
  <li>
    Ordered Item 3
    <ol>
      <li>Ordered Item 3 - 1</li>
      <li>Ordered Item 3 - 2</li>
      <li>Ordered Item 3 - 3</li>
    </ol>
  </li>
</ol>
<dl>
  <dt>Defition Title 1</dt>
  <dd>Definition Details 1</dd>
  <dt>Defition Title 2</dt>
  <dd>Definition Details 2</dd>
</dl>

Unordered Item 1
Unordered Item 2
Unordered Item 3
- Unordered Item 3 - 1
- Unordered Item 3 - 2
- Unordered Item 3 - 3

Ordered Item 1
Ordered Item 2
Ordered Item 3
1. Ordered Item 3 - 1
2. Ordered Item 3 - 2
3. Ordered Item 3 - 3

Defition Title 1: Definition Details 1
Defition Title 2: Definition Details 2

Blockquotes

<blockquote>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores nulla explicabo consectetur repellendus veritatis, nobis optio itaque consequuntur facere ipsam?</blockquote>

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores nulla explicabo consectetur repellendus veritatis, nobis optio itaque consequuntur facere ipsam?

Code Block

<pre><code>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel accusantium libero, minus earum praesentium facilis quidem officiis aliquid iste, quisquam obcaecati laudantium omnis ex ea!</code></pre>

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Vel accusantium libero, minus earum praesentium facilis quidem officiis aliquid iste, quisquam obcaecati laudantium omnis ex ea!

Text Alignment

<p class="ta-center">ta-center</p>
<p class="ta-right">ta-right</p>
<p class="ta-left">ta-left</p>

ta-center

ta-right

ta-left

No Text Decoration

<a href="javascript:void(0)" class="td-n">No Underline</a>

No Underline