Как перенести текст внтури?

Question

[Marat17]

Добрый день, как сделать, что бы текст внутри переносился.
Например:
S
37Л
Тэг br не помогает
hlstudio-wordpress-1.tw1.ru

Answer 1

[Aleksey Solovyev]

Почему у Вас br не работает?
Или при переносе у Вас элемент за предела li выходит?

Это происходит потому что у Вас задан float: left для li
Чтобы исправить:
*задавайте border для контейнера, а не для ссылки

li{
    border: 2px solid #ddd;
}
li:after {
    content: "";
    display: table;
    clear: both;
}

Добавить br между текстом:

<li class="selected">
  <a href="javascript:void(0)" class="wr-tooltip" data-value="s-37%d0%bb">S<br>37Л</a>
</li>

Или оберните каждую строку в span
Задайте этому span:

span{
  display: inline-block  
}

Добавить :after по аналогии с первым способом

Answer 2

[sdgroup14]

оберните тексты в span и родителю задайте flex-direction column

Comments

[Aleksey Solovyev]

Прикольно. А почему br не работает Вас не смущает?

[sdgroup14]

Я без понятия что там у вас в WP. Я на нем 2 года не писал и дальше не буду :) И Вам не советую. Но зная что это за "замечательная, восхитительная CMS" могу предположить, что, именно WP удаляет br из разметки. Посмотрев в консоли там и близко этого тега нет.

[Aleksey Solovyev]

Или просто Вы не знаете банальные вещи? Про float и clear: both.
И никто не удаляет теги в тексте(будь то WP или Django). Глупости не пешите хоть.

Answer 3

[Влад Скляр]

Если вы будете переносить, будет не очень понятно и не информативно, лучше через flex сделайте выравнивание блоков самих, а не того, что внутри них
Почитайте