Как в html сделать перенос строки — тег br и отступ снизу

Приветствую вас. Конечно, в html перенос строки можно сделать двумя способами. Если вы пользуетесь визуальным редактором от WordPress, то он автоматически добавляет переносы строк, как это происходит в программе Microsoft Word или любом другом текстовом редакторе. Но иногда необходимо работать с текстом в коде. Как сделать перенос строки в html-коде?

Переносим строку

Для этого в html есть короткий одинарный тег — <br> (сокращенно от break). Что он делает? Весь текст, который написан после этого тега будет выведен с новой строки. Даже если на текущей строке остается место для его вывода, он все равно будет перенесен.

Использование br

Использовать тег нужно только тогда, когда вам не нужно начинать новый абзац, а вывести текст просто на новой строке. Например, вам надо записать стихотворение. Чтобы не заключать каждую строчку стиха в тег абзаца, можно просто в конце каждой строчки писать тег <br> и тогда следующая строчка перенесется вниз. Вот так вот все просто.

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

Как сделать много переносов?

А что делать, если вам нужно сделать после какого-то текста сделать большой отступ от дальнейшего содержимого. Есть два варианта, как это сделать. Можно написать много тегов br. Так можно сделать бесконечное количество переносов.

Но лучше сделать более правильно. Можно задать нужному абзацу стилевой класс, а потом через css задать большой отступ снизу.

<p class = “abzac”>Абзац</p>
.abzac{
	Margin-bottom: 100px;
}

В этом случае будет задан отступ снизу в 100 пикселей. Соответственно, отступ можно прописать любой.

Комментариев: 1
  1. Наталья Краснова

    Спасибо, этих знаний мне явно не хватает.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: