Why can not work the BR tag?

I can not understand. Why doesn't the br tag. In codepen everything is displayed properly. And thenwhen you click on "Moscow", all the words are in a row.

And also, can you tell me how to correctly overstate these div blocks with contacts? And that under different resolutions will have different look =(
July 9th 19 at 10:22
3 answers
July 9th 19 at 10:24
Solution
So sad to impose. each new header wrap in the div
That is Emmett div*4>span
and the tags do not indent and margin-om! it is for this and created! and br are created in case you carry a poem in html. This is the only case of the use of br.
It is a necessity, unfortunately. How can I show that this after the "this" word should be a line break, okromya BR om? - dannie commented on July 9th 19 at 10:27
: div:nth-of-type(4) {clear:both;} or using :after, but a bunch of options and it's better than br - Henderson_Beat commented on July 9th 19 at 10:30
July 9th 19 at 10:26
Solution
why 4 diva?

wrap in <p class="stishok"> </p>

and in KSS marginy

or try <br>
Br / the machine converts the EAP. How about make it through margene? Bad idea, to be honest. With layout I do not be healthy - dannie commented on July 9th 19 at 10:29
https://htmlacademy.ru/courses/38/run/1 welcome )) - Henderson_Beat commented on July 9th 19 at 10:32
PF!) And it is true) Thanks! Right now, I will try - dannie commented on July 9th 19 at 10:35
: Wrapped in "p". Still not tolerated =( - Peter.Oberbrunner84 commented on July 9th 19 at 10:38
because in styles .css need to make it clear .p to carry

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

better go through the lessons, there are only 17, everything is easy and understandable )) - dannie commented on July 9th 19 at 10:41
July 9th 19 at 10:28
And there is no br left. WP, apparently, cut.
yeah you can see that their hawala, VP is VP ) - dannie commented on July 9th 19 at 10:31

Find more questions by tags HTML