Слипаются слова в меню на моб устройстве потому как там использован br?

Question

[coverme]

В общем,проблема такая,есть сайт в котором меню выведено вот так вот в хтмл

<span class="site-menu-item__text">Проектная<br>декларация</span>

Но на моб устройстве всё должно быть в одну строку с пробелом,а итоге получается вот такое-

каким стилем это решить?

Answer 1

[Богдан Хвалько]

А что мешает тебе просто поставить пробел. А еще есть word-spacing который позволяет указать размер между буквами.

.site-menu-item__text {
word-spacing: 3px;
}

Comments

[coverme]

Cтранно,но стиль двигает некоторые слова друг от друга,а некоторые нет,хотя конструкция 1в1

[Богдан Хвалько]

coverme, в слове проектная декларацыя нет пробела. Присмотрись. Поставь явные пробелы между текстом.

Answer 2

[Максим]

как бы br это принудительный перенос строки ...а пробел это  

Answer 3

[Мурад Новрузов]

Поставь просто пробел и всё. <br>это пропуск строки

Answer 4

[Beliyadm]

Сделай для мобильной версии в этом блоке br с content: ' ';