CSS по шагам



Пример 16.5. Отступы для абзаца


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

P {

 text-indent: 1em /* Отступ первой строки */

}

P:first-child {

 text-indent: 0px /* Для первого абзаца отступ убираем */

}

</style>

</head>

<body>

<p>Историю эту уже начали забывать, хотя находились горожане, которые время от времени рассказывали ее вновь прибывшим в город посетителям.</p>

<p>Легенда обрастала подробностями и уже совсем не напоминала произошедшее в действительности событие. И, тем не менее, ни один человек не решался заикнуться о ней с наступлением темноты.</p>

<p>Но однажды в город вновь вошел незнакомец. Он хромал на левую ногу.</p>

</body>

</html>

Результат примера показан ниже.

DIV#ex4 P:first-child {text-indent: 0em} DIV#ex4 P {text-indent: 1em}

Историю эту уже начали забывать, хотя находились горожане, которые время от времени рассказывали ее вновь прибывшим в город посетителям.

Легенда обрастала подробностями и уже совсем не напоминала произошедшее в действительности событие. И, тем не менее, ни один человек не решался заикнуться о ней с наступлением темноты.

Но однажды в город вновь вошел незнакомец. Он хромал на левую ногу.

В данном примере первый абзац текста не содержит отступа первой строки, а для остальных он установлен.

Информация взята с сайта

Copyright © 2005 Влад Мержевич, по всем вопросам пишите по адресу




Содержание  Назад  Вперед