text-left - Left aligned text - HTML CSS Bootstrap Class List

HTML CSS examples for Bootstrap Class List:text-left

  1. HOME
  2. HTML CSS
  3. Bootstrap Class List
  4. text-left

Description

text-left - Left aligned text

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>Example of Bootstrap 3 Text Alignment</title> 
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 </head> <!--  www  .j av a  2s.c o  m-->
 <body> 
  <div> 
   <p class="text-left">Left aligned text.</p> 
   <p class="text-center">Center aligned text.</p> 
   <p class="text-right">Right aligned text.</p> 
   <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus, dapibus nec turpis vel, semper malesuada ante. Vestibulum id metus ac nisl bibendum scelerisque non non purus. Suspendisse varius nibh non aliquet sagittis. In tincidunt orci sit amet elementum vestibulum. Vivamus fermentum in arcu in aliquam.</p> 
   <p class="text-nowrap">No wrap text.</p> 
  </div>   
 </body>
</html>

Related Tutorials