<h1>H1 | The quick brown fox jumps over the lazy dog</h1>
<h2>H2 | The quick brown fox jumps over the lazy dog</h2>
<h3>H3 | The quick brown fox jumps over the lazy dog</h3>
<h4>H4 | The quick brown fox jumps over the lazy dog</h4>
<h5>H5 | The quick brown fox jumps over the lazy dog</h5>
<h6>H6 | The quick brown fox jumps over the lazy dog</h6>
<p class="extra-large">p.extra-large | The quick brown fox jumps over the lazy dog</p>
<p class="large">p.large | The quick brown fox jumps over the lazy dog</p>
<p class="medium">p.medium | The quick brown fox jumps over the lazy dog</p>
<p class="regular">p.regular | The quick brown fox jumps over the lazy dog</p>
<p class="small">p.small | The quick brown fox jumps over the lazy dog</p>
<p class="xsmall">p.xsmall | The quick brown fox jumps over the lazy dog</p>
<p class="xxsmall">p.xxsmall | The quick brown fox jumps over the lazy dog</p>
<p class="extra-large bold">p.extra-large bold | The quick brown fox jumps over the lazy dog</p>
<p class="large bold">p.large bold | The quick brown fox jumps over the lazy dog</p>
<p class="medium bold">p.medium bold | The quick brown fox jumps over the lazy dog</p>
<p class="regular bold">p.regular bold | The quick brown fox jumps over the lazy dog</p>
<p class="small bold">p.small bold | The quick brown fox jumps over the lazy dog</p>
<p class="xsmall bold">p.xsmall bold | The quick brown fox jumps over the lazy dog</p>
<p class="xxsmall bold">p.xxsmall bold | The quick brown fox jumps over the lazy dog</p>