У меня есть следующий блок HTML:
<span class='instruction_text'>
Line 1<br>
Line 2
</span>
И объявление CSS instruction_text:
.instruction_text {
margin-left: 70px;
font-style: italic;
color: #555;
}
Первая строка имеет a 70px
поле как ожидалось, но следующая строка запускается без отступа. Как я могу сделать ВСЕ строки расположенными с отступом?
Использовать элемент уровня блока.
display: block
в ваш класс struction_text
должно направить вас в правильном направлении.
Использование тегов BR внутри элемента SPAN не имеет большого смысла, как SPAN во встроенном элементе, что означает, что он предназначен для использования в потоке строки текста или других встроенных элементов.
Вам действительно следует использовать элемент, который является элементом уровня «блока», например DIV или P, например тот, который предназначен для содержания нескольких строк текста (или встроенных элементов).
Как вы заметили, вы МОЖЕТЕ использовать тег BR внутри SPAN, и это вызовет разрыв строки, однако встроенные элементы плохо сочетаются с полями / заполнением и т. Д.