<!-- h1 to h6 -->
<div class="txt-util-wrap">
    <h1>This is H1 HEADING</h1>
    <h2>This is H2 HEADING</h2>
    <h3>This is H3 HEADING</h3>
    <h4>This is H4 HEADING</h4>
    <h5>This is H5 HEADING</h5>
    <h6>This is H6 HEADING</h6>
</div>

<!-- alignment -->
<div class="txt-util-wrap">
    <p class="txt-left">This text is left aligned</p>
    <p class="txt-center">This text is Center aligned</p>
    <p class="txt-right">This text is right aligned</p>
</div>
<!-- decoration -->
<div class="txt-util-wrap">
    <p class="txt-grey">This text GREY COLORED</p>
    <p class="txt-underline">Underline text</p>
</div>
<!-- diff sizes -->
<div class="txt-util-wrap">
    <p class="txt-lg">This is large text</p>
    <p class="txt-md">This is medium text</p>
    <p class="txt-sm">This is small text</p>
    <p>This is Default text</p>
</div>