Learn HTML Learn CSS

CSS tutorial > CSS text align horizontal > Text alignmentа

Text alignment

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page title</title>
    <style>
      h1 { text-align:center; }
      p.date { text-align:right; }
      p.main { text-align:justify; } /*value justify stretching text in width*/
      p { text-indent:30px; } /*set the indent size for the first line of the paragraph*/
    </style>
  </head>
 
  <body>
    <h1>Example of text alignment</h1>
    <p class="date">february, 2018</p>
    <p class="main">In addition to aligning the text, the first line of the
    paragraph was set to a small indent. This effect is very useful on pages with
    large amounts of text, making visual perception easier.</p>
  </body>
</html>

Result:

Edit the code listed above and click the "GO" button to view the result.