Text align right

Bootstrap 5 Text align right component

Responsive Text align right built with Bootstrap 5. See the examples of how to align in bootstrap any text to the right side.


Basic example

If You want to align text to the right side just use the .text-end class.

Right aligned text on all viewport sizes.

        
            
      <p class="text-end">Right aligned text on all viewport sizes.</p>
       
        
    

Right aligned text on viewports sized SM (small) or wider.

Right aligned text on viewports sized MD (medium) or wider.

Right aligned text on viewports sized LG (large) or wider.

Right aligned text on viewports sized XL (extra-large) or wider.

        
            
      <p class="text-sm-end">Right aligned text on viewports sized SM (small) or wider.</p>
      <p class="text-md-end">Right aligned text on viewports sized MD (medium) or wider.</p>
      <p class="text-lg-end">Right aligned text on viewports sized LG (large) or wider.</p>
      <p class="text-xl-end">Right aligned text on viewports sized XL (extra-large) or wider.</p>