• Страница 1 из 1
  • 1
Форум » Записки веб-разработчика » Начинающему вебмастеру » Задать отступ текста в HTML с помощью padding (Как можно сделать отступ текста в HTML при помощи padding)
Задать отступ текста в HTML с помощью padding
Kosten
Дата: Четверг, 2018-08-30, 19:06 | Сообщение 1
Администраторы
Сообщений:18467
Награды: 55


Теперь будет создавать отступ, который будет находиться внутри самого элемента или блога, за него отвечает свойство 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)
Форум » Записки веб-разработчика » Начинающему вебмастеру » Задать отступ текста в HTML с помощью padding (Как можно сделать отступ текста в HTML при помощи padding)
  • Страница 1 из 1
  • 1
Поиск: