Text

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<h1 class="env-text">Heading 1</h1>

<h2 class="env-text">Heading 2</h2>

<h3 class="env-text">Heading 3</h3>

<h4 class="env-text">Heading 4</h4>

<h5 class="env-text">Heading 5</h5>

<h6 class="env-text">Heading 6</h6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
<section class="env-text">

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

</section>

Fancy display heading With faded secondary text

<h3 class="env-text">Fancy display heading <small class="env-text--muted">With faded secondary text</small></h3>

will be all uppercase

THIS WILL BE LOWERCASE

every word will start with a capital letter.

This text will be hard to read

<h1 class="env-text--uppercase">will be all uppercase</h1>

<p class="env-text--lowercase">THIS WILL BE LOWERCASE</p>

<p class="env-text--capitalize">every word will start with a capital letter.</p>

<p class="env-text--strike">This text will be hard to read</p>