Почему может не работать тег BR?

Question

[Сергей]

Не могу понять. Почему не работает тег br. В codepen все нормально отображается. А тут, когда нажимаем, на "Москва", все слова подряд идут.

И заодно, может подскажете, как грамотно отверстать эти div блоки с контактами? А то под разное разрешение будет по разному выглядеть =(

Comments

[Justin Bieber]

если верстать под разное разрешение, то для начала сделайте сам шаб адаптивным ))

Answer 1

[Никита Кит]

Печально так верстать. каждый новый заголовок оборачивай в div
То есть по эммету div*4>span
а отступы не тэгами делай а margin-ом! он для этого и создан! а br создан, на случай если ты стишок переносишь в html. Это единственный случай использования br.

Comments

[Сергей]

Это необходимость, к сожалению. А как мне показать что именно после "этого" слова должен идти перенос строки, окромя как BR`ом?

[Максим Тимофеев]

Сергей: div:nth-of-type(4) {clear:both;} или с помощью :after, да куча вариантов и все лучше чем br

Answer 2

[Justin Bieber]

зачем 4 дива?

оберни в <p class="stishok"> </p>

и в ксс маргины

или попробуй <br />

Comments

[Сергей]

В br / автоматом преобразует ВП. А как примерно сделать это через марджин? Плохо себе представляю, честно говоря. С версткой у меня вообще не будь здоров

[Justin Bieber]

https://htmlacademy.ru/courses/38/run/1 добро пожаловать ))

[Сергей]

Пф!) И правда) Спасибо! Щас буду пробовать

[Сергей]

Justin Bieber: Обернул в "p". Все равно не переносится =(

[Justin Bieber]

потому что в стили .css нужно дать понять .p переносить

p {
margin-top: 24px;
margin-bottom: 24px;
}

лучше пройдите уроки эти, их всего 17, все легко и понятно ))

Answer 3

[display: block]

А там и br не осталось. WP их, видимо, вырезал.

Comments

[Justin Bieber]

ага видно что что то их хавает, вп есть вп )