Как сделать отступы html

Язык разметки HTML отвечает за отображение текста и другого содержимого страницы в окне браузера. При помощи стандартных средств можно менять внешний вид страницы, добавлять отступы и форматировать абзацы.

Инструкция

1. Для создания абзацного отступа можно воспользоваться включением в HTML кода CSS, который позволит произвести более тонкую настройку. Для этого в тег абзаца <p> включите параметр text-indent:
   
   <p style = “text-indent: 15px;”>Текст абзаца</p>
   
   Данный код создает абзац с отступом в 15 пикселей от левой стороны экрана.
2. Отрегулировать отступы можно при помощи создания таблиц и применения параметров cellpadding и cellspacing. Первый атрибут определяет расстояние от содержимого до границ ячейки, а cellspacing поможет отрегулировать расстояние между ячейками. Чтобы отключить отображение границ таблицы, используйте параметр border равный нулю:
   
   <table width = “100” height = ”100” cellpadding = “5” cellspacing = “2” border = “0”><tr><td>Содержимое ячейки</td></tr></table>
   
   Данный код позволит создать таблицу, высотой и шириной 100 пикселей и с расстоянием от края ячейки в 5 пикселей. Поэкспериментировав с данными параметрами, можно добиться оптимального выравнивания нужного абзаца.
3. Задать необходимый промежуток между элементами также поможет дескриптор <div>, создающий блок с определенными параметрами. Его можно использовать для увеличения отступа между абзацами:
   
   <div style = “width: 20px; height: 15px”></div>
4. Для создания отступа можно также использовать любое прозрачное изображение, желательно формата gif или png. Загрузите изображение в папку с html файлом и введите следующий код перед нужным абзацем:
   
   <img src = “otstup.gif” height = “5” width = “10”>
   
   После выполнения данной команды браузер вставит прозрачное изображение, которое не будет заметно пользователям и в то же время создаст необходимое пространство.