Как сделать отступ текста html
Перейти к содержимому

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

  • автор:

Как сделать отступ всего блока текста?

Добрый день. Прошу не пинать и не ругаться, но в html я слаб и потому задаю вопрос в теме для новичков 🙂 Как сделать отступ для всего блока текста? Сейчас у меня так:

Получается параметр style=»text-indent:25px;» делает так что первая строка с отступом. Но как мне сделать чтобы не только первая строка, а весь абзац был с отступом? Заранее благодарю.

———- Добавлено в 21:27 ———- Предыдущее сообщение было в 20:00 ———-

Спасиб. Ответ был прост. Заменить

text-indent:25px;
padding-left: 25px;

Как внути input сделать отступ для текста?

Как сделать отступ для текста 2 см сверху, с добавлением номер страницы ворд 2010
Нужна нумерация страниц в документе, при этом отступ от края листа до текста со всех сторон должен.

Как сделать отступ текста от картинки?
Доброго времени суток! имеется два блока, которые находятся рядом т.е. float: left в первом блоке.

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

Как сделать отступ для маркированного списка?
Хоть у меня и стоит ВордПресс, то все равно решил сюда написать. В общем такая проблема, что.

1025 / 678 / 295
Регистрация: 04.04.2013
Сообщений: 2,707

Лучший ответ

Сообщение было отмечено MrRuslanBB как решение

Решение

.news input[type="text"]{padding: 5px;}

Регистрация: 11.02.2017
Сообщений: 2
Это будет и внутри и снаружи. а как сделать только внутри?
Регистрация: 10.05.2017
Сообщений: 108

padding-left: 50px;

и padding всегда отступ внутри
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Как сделать отступ для развернутых окон (как в случае с taskbar)?
Как сделать отступ для развернутых окон (Как в случае с taskbar)? Пример.

Как между полем для ввода и словом сделать отступ?
Как между полем для ввода и словом сделать отступ? Проблема в том, что мне не нравиться что слова.

Вывод текста, не получается сделать отступ на строчку (MFC)
MFC Вывод текст, не получается сделать отступ на строчку, то есть текст идет в одну строчку и.

Как убрать отступ в теге form между границей формы и полем input
Возникла проблема на простом по идее месте. Создал форму для оставления месседжа и контактов. .

Как сделать отступ текста при переносе?

5b101e7cc548a552418878.png

Всем привет! Хочу сделать заливку текста фоном. и небольшой отступ для красоты от краёв текста. Когда текст переносится этот отступ теряется. Необходимо чтобы при переносе тоже сохранялся отступ, а заливка была не всего блока, а только текста
У меня так:

Нужно так:
«(отступ) Вятская танцевальная
(отступ) олимпиада»

.event-index-title-url
  • Вопрос задан более трёх лет назад
  • 1243 просмотра

text-indent

Свойство text-indent определяет размер отступа (пустого места) перед строкой в текстовом блоке. По умолчанию это свойство управляет отступом только первой строкой блока, однако ключевые слова hanging и each-line могут изменить данное поведение.

Строка смещается по горизонтали к левому или к правому (при размещении текста справа налево) краю блока, в котором содержится элемент.

Начальное значение 0
Применяется к блочные контейнеры
Наследуется да
Проценты ссылается на ширину содержащего блока
Обработка значения процент, как указан или абсолютная длина, а также любые ключевые слова
Animation type длина, проценты или calc();

Синтаксис

/* значение */ text-indent: 3mm; text-indent: 40px; /* значение зависит от ширины блока*/ text-indent: 15%; /* значения ключевых слов */ text-indent: 5em each-line; text-indent: 5em hanging; text-indent: 5em hanging each-line; /* международные значения */ text-indent: inherit; text-indent: initial; text-indent: unset; 

Значения

each-line Экспериментальная возможность (экспериментальное значение)

Отступ добавляется к первой строке блочного контейнера, а также к каждой строке после принудительного разрыва строки (Enter и br), но не влияет на строки после мягкого переноса.

hanging Экспериментальная возможность (экспериментальное значение)

Отступ добавляется ко всем строкам, кроме первой.

Формальный синтаксис

text-indent =
[ (en-US) ] (en-US) && (en-US)
hanging? (en-US) && (en-US)
each-line? (en-US)

=
| (en-US)

Простые примеры отступов

HTML

p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. p> p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. p> 

CSS

p  text-indent: 5em; background: powderblue; > 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *