Text Alignment - HTML CSS Bootstrap

HTML CSS examples for Bootstrap:Text

  1. HOME
  2. HTML CSS
  3. Bootstrap
  4. Text

Description

Text Alignment

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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

 </head> <!--from  w  w w  .j a  va  2  s  .  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