Text styles

Jeffrey Davis
Modified on: Thu, 28 Apr, 2022 at 7:46 AM

You can use built-in WYSIWYG editor to change the text style:


Or you can change the source code:


This is italic font-style

<p><em>This is italic font-style</em></p>


This is bold font-style

<p><strong>This is bold font-style</strong></p>


This is your underlined text

<p><span>This is your underlined text</span></p>


This text is deleted

<p>This text is <del>deleted</del></p>


This is an important marked text

<p>This is <span class="text-primary">an important marked text</span></p>


This is an important blue text

<p>This is <span class="text-info">an important blue text</span></p>


This is an important yellow text


<p>This is <span class="text-warning">an important yellow text</span></p>


This is an important red text

<p>This is <span class="text-danger">an important red text</span></p>


Gray paragraph style

<p class="fr-text-gray">Gray paragraph style</p>


Bordered paragraph style

<p class="fr-text-bordered">Bordered paragraph style</p>


Spaced paragraph style

<p class="fr-text-spaced">Spaced paragraph style</p>


Uppercased paragraph style

<p class="fr-text-uppercase">Uppercased paragraph style</p>


Left aligned text

<p style="text-align: left;">Left aligned text</p>


Center aligned text

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


Right aligned text

<p style="text-align: right;">Center aligned text</p>

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.