Иногда приходится размещать на страницах сайта слишком большие, длинные статьи, по умолчанию в браузере никаких отступов (абзацев) не предусмотрено и количество вводимых пробелов перед началом строки никакого влияния не оказывает.
В итоге перед взором пользователя предстаёт сплошное нагромождение слов.
В этой статье я покажу Вам как создавать абзацы для Ваших статей.
Для создания отступа первой строки блока текста (например, для параграфа P) служит параметрtext-indent.
Воздействия на все остальные строки он не оказывается.
Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.
В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др.
При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.
Для каждого нового блока текста (абзаца) можно задавать разные значения отступов.
Пример:
Code
<p style="text-indent: 25"align="justify">В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. </p>
Любой текст
<p style="text-indent: 5em">При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.</p>
Для создания отступов по всей статье каждый новый блок текста должен быть помещён между:
Code
<p style="text-indent: 25em"Ваш текст</p>
Материалы на эту же тему:
Создание красивого раздвижного меню для сайта
Специальные символы
Создание бегущей строки
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Создание рамки с помощью FIELDSET
Границы при помощи border
Коды для вставки изображения в страницу