Самоучитель CSS Справочник CSS Единицы измерения Селекторы Цвета CSS

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

По умолчанию текст на веб-страницах выровнен по левому краю элемента, в котором он располагается, однако используя свойство text-align, можно переопределить, как будут выравниваться строки текста относительно границ элемента. Рассмотрим каждое из возможных значений:

<!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>
Попробовать »

Примечание: свойство text-align работает только с блочными элементами, такими как абзац или div, выравнивая внутри них все строчное содержимое, включая изображения. Применение свойства к строчным элементам, таким как ссылка или span, не даст никакого эффекта.

    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь