Left aligned text on all viewport sizes.

Code Snippet
<p class="text-left">Left aligned text on all viewport sizes.</p>

Center aligned text on all viewport sizes.

Code Snippet
<p class="text-left">Left aligned text on all viewport sizes.</p>

Right aligned text on all viewport sizes.

Code Snippet
<p class="text-left">Left aligned text on all viewport sizes.</p>

All about different sizes of Texts

Text with the extra large size.

Code Snippet
<p class="text text-xlarge">Text with the extra large size.</p>

Text with the large size.

Code Snippet
<p class="text text-large">Text with the  large size.</p>

Text with the medium size.

Code Snippet
<p class="text text-medium">Text with the medium size.</p>

Text with the small size.

Code Snippet
<p class="text text-small">Text with the small size.</p>