КАК СДЕЛАТЬ HTML ЭЛЕМЕНТ С НОВОЙ СТРОКИ C ПОМОЩЬЮ CSS

Допустим есть такие элементы - логи работы программы, html код:

<log>Все нормально</log>
<log>Все нормально</log>
<log>Перестало работать</log>
<log>Все плохо</log>
<log>Все очень плохо</log>

Просто так если это вывести, то все будет отображаться нечитабельно в одну строку:

Все нормальноВсе нормальноПерестало работатьВсе плохоВсе очень плохо

Там где их не надо отображать можно сделать свойство log {display: none}, а там где они должны отображаться, допустим в режиме отладки, то желательно что бы каждый элемент был с новой строки, при этом <br> нигде не указываются.

И тогда что бы сделать все это читабельным, каждый html элемент с новой строки необходимо указать свойство log {display: block},

Это свойство позволяет указать, как элемент должен быть отображен внутри потока документа. При использовании значения block, элемент занимает всю доступную ширину страницы и автоматически переносится на новую строку, если это необходимо.

---