<div>

<h1>h1 header</h1>

<p>Margins are collaped.</p>

<h2>h2 header</h2>

<p><span style="font-size: 22px">font-size: 22px</span><b>bold</b></p>

<p style="text-align: center">text-align: center</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Confectum ponit legam, perferendis nomine miserum, animi. Moveat nesciunt triari naturam.</p>

<h3>h3 Header</h3>

<h4>h4 Header</h4>

<h5>h5 Header</h5>

<h6 style="font-size: 2rem">h6 Header</h6>

<p style="margin: 40px 0">margin: 40px 0;</p>

<p style="text-align: justify">text-align: justify; Lorem ipsum dolor sit amet, consectetur adipisicing elit. Confectum ponit legam, perferendis nomine miserum, animi. Moveat nesciunt triari naturam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Confectum ponit legam, perferendis nomine miserum, animi. Moveat nesciunt triari naturam.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Confectum ponit legam, perferendis nomine miserum, animi. Moveat nesciunt triari naturam.</p>

<small><i>It is possible to apply multiple styles, by passing an array. This paragraph uses two styles: quote and small. When multiple styles are provided, they are evaluated in the specified order which is important in case they define the same properties</i></small>

</div>