Отступ первой строки


Использование красной строки с отступом в 2-5 пробела повышает читаемость текста, позволяя легко отыскивать взглядом начало следующего абзаца. В HTML любое количество пробелов заменяется одним, в этом случае стоит использовать другой символ —  

Пример 1. Создание отступа неразделимым пробелом  
      Сварить на медленном огне воду. Положить в нее небольшого червяка, лучше живого, но сойдет и так, мелко покрошенное яблоко, крылышко мотылька и жабу. Соль и сахар по вкусу. По готовности перелить в бутылки. Хранить в прохладном месте.

Следующий способ также имеет право на существование. Вместо символов пробела надо поставить невидимый рисунок нужной ширины.

Пример 2. Создание отступа прозрачным рисунком
<img src=empty.gif width=20 height=1>Сварить на медленном огне воду. Добавить в нее хлива и хрольва. Довести до кипения.

В качестве рисунка можно использовать прозрачный GIF размером 1 на 1 пиксел.
И, наконец, всегда можно воспользоваться стилями. Параметр text-indent задает отступ первой строки текста. Отступ можно указывать в пунктах (pt), пикселах (px), дюймах (in), миллиметрах (mm) и др.

Пример 3. Создание отступа с помощью стилей
<head>
<style type="text/css">
p { text-indent: 20 px }
</style>
</head>

<p>Смешать 2 части соляной кислоты и 1 часть азотной со льдом. Слить охлажденную смесь в фужер. Пить залпом.</p>

Конечно, использование стилей более универсально, вдобавок менее обременительно. Однако применение символов &nbsp; является более простым, надежным и независимым от браузера способом. При использовании же в качестве отступа невидимого рисунка есть опасность, что пользователь отключил загрузку изображений, тогда вместо отступа будет показываться некрасивая полоса. В конечном итоге, какой метод предпочесть — решать вам.




Предыдущая статья     Следующая статья     Список статей