делать так, чтобы элемент автоматически позиционировался на новой строке на странице? В HTML я мог бы использовать<br>, но как мне добавить что-то вродеРазрыв строки в CSS?

Скажем, у меня есть следующий код, например:

<p>Lorem ipsum dolor sit amet,
   <span id="elementId">consectetur adipisicing elit.</span>
   Magni totam velit ex delectus fuga fugit</p>

Интервал все еще располагается на той же строке, что и остальная часть текста. Как я могу переместить текст span на новой строке исключительно через 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>s на новой строке, чтобы создать новую строку?