Задать вопрос
@Marat17

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

5b7a3cdd0288b204076108.png
Добрый день, как сделать, что бы текст внутри переносился.
Например:
S
37Л
Тэг br не помогает
hlstudio-wordpress-1.tw1.ru
  • Вопрос задан
  • 94 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
alsolovyev
@alsolovyev
¯\_(ツ)_/¯ Enjoy life, Eat well & Laugh often
Почему у Вас 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>


5b7a6acd56768705250946.png

Или оберните каждую строку в span
Задайте этому span:
span{
  display: inline-block  
}

Добавить :after по аналогии с первым способом
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@sdgroup14
оберните тексты в span и родителю задайте flex-direction column
Ответ написан
Если вы будете переносить, будет не очень понятно и не информативно, лучше через flex сделайте выравнивание блоков самих, а не того, что внутри них
Почитайте
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы