Самоучитель CSS > Выравнивание текста > Выравнивание текста

Выравнивание текста

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Название документа</title>
    <style>
      h1 { text-align:center; }
      p.date { text-align:right; }
      p.main { text-align:justify; } /*значение justify растягивание текста по ширине*/
      p { text-indent:30px; } /*задаем размер отступа для первой строки абзаца*/
    </style>
  </head>
 
  <body>
    <h1>Пример выравнивания текста</h1>
    <p class="date">февраль, 2012</p>
    <p class="main">Помимо выравнивания текста, для первой строки абзаца был задан небольшой
    отступ, который визуально добавляет "красную строку" к тексту. Этот эффект очень
     пригодится на страницах с большими объемами текста, облегчая визуальное восприятие и чтение.</p>
  </body>
</html>

Результат:

Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.