• Страница 1 из 1
  • 1
Задать отступ текста в HTML с помощью padding
Kosten
Четверг, 30 Августа 2018, 19:06 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
Теперь будет создавать отступ, который будет находиться внутри самого элемента или блога, за него отвечает свойство padding. Этим он и отличается от margin, который делал отступ до самого объекта, это также может быть блок или больше всего текст.

Подробно о свойства margin писал в отдельной теме.



Давайте начнем с использованием HTML:

Код
<div style=”paddint-top:15px;”>Описание, где под него создается отступ</div>


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

Класс у него будет being-sindented

HTML:

Код
<div class="being-sindented">Создаем отступ внутри блока</div>


CSS

Код
.text-block {
padding: 15px 25px 10px 15px;
}


Это для понимание в настройках свойства padding



Также с помощью этого свойства можно задать разные отступы для текста в HTML коде:

padding-left — Будет по левую сторону
padding-right — это по правую сторону
padding-top — самого верха
padding-bottom — задаем расстояние снизу
padding: 25px; — этот отступ отвечает за все стороны
Прикрепления: 2550489.png (9.3 Kb) · 3081446.png (15.9 Kb)
Страна: (RU)
  • Страница 1 из 1
  • 1
Поиск: