Как я могу сделать элемент автоматически позиционированным в новой строке на странице? В HTML я мог бы использовать <br>
, но как добавить что-то вроде line-break в CSS?
Скажем, у меня есть следующий код, например:
<p>Lorem ipsum dolor sit amet,
<span id="elementId">consectetur adipisicing elit.</span>
Magni totam velit ex delectus fuga fugit</p>
Пролет по-прежнему расположен в той же строке, что и остальная часть текста. Как перенести текст диапазона на новую строку только с помощью CSS?
Другим примером является использование display: inline-block
или float
:
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
<div class="smalldiv" id="elementId">Lorem ipsum dolor sit amet</div>
<div class="smalldiv">Lorem ipsum dolor sit amet</div>
.smalldiv {
display: inline-block; // OR
float: left;
}
Как перенести одну из <div>
на новую строку, чтобы создать новую строку?