<h3 class="heading heading-xl">This is extra large heading</h3>
        <h3 class="heading heading-lg">This is large heading</h3>
        <h3 class="heading heading-md">This is medium heading</h3>
        <h3 class="heading heading-sm">This is small heading</h3>
        <h3 class="heading heading-xs">This is extra small heading</h3>

        <p class="text text-xl">This para has extra large text</p>
        <p class="text text-lg">This para has large text</p>
        <p class="text text-md">This para has medium text</p>
        <p class="text text-sm">This para has small text</p>
        <p class="text text-xs">This para has extra small text</p>

        <p class="gray-text">this is gray text</p>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter