Text

Documentation and examples for common text utilities.

• .text-center

• .text-left

• .text-right

• .text-justify

• .text-capitalize

• .text-uppercase

• .text-lowercase

• .text-bold

• .text-italic

• .text-normal

• .text-underline

• .text-line-through

• .text-line-overline-through

    <h1 <h1 class="text-center">This text is centered.</h1>
    <h1 class="text-left">This text is aligned left.</h1>
    <h1 class="text-right">This text is aligned right.</h1>
    <h1 class="text-justify">This text is justified to spread evenly across the line.</h1>

    <!-- Text Transformation -->
    <h1 class="text-capitalize">this text is capitalized.</h1>
    <h1 class="text-uppercase">this text is uppercase.</h1>
    <h1 class="text-lowercase">THIS TEXT IS LOWERCASE.</h1>

    <!-- Text Weight -->
    <h1 class="text-bold">This text is bold.</h1>
    <h1 class="text-normal">This text is normal weight.</h1>

    <!-- Text Style -->
    <h1 class="text-italic">This text is italic.</h1>

    <!-- Text Decoration -->
    <h1 class="text-underline">This text is underlined.</h1>
    <h1 class="text-line-through">This text has a line through it.</h1>
    <h1 class="text-overline">This text has a line over it.</h1>
    <h1 class="text-line-overline-through">This text has lines over and through it.</h1>