Как уменьшить ширину повернутого текста и запретить его перенос для адаптивности?

Question

[Mesuti]

Привет!
Почему вертикальный текст-кнопка занимает всю свою ширину?
Как уменьшить ширину этого текста и вообще запретить перенос этой кнопки при уменьшении экрана на выеезжающей панели?
Песочница https://jsfiddle.net/Mesuti/3tLd4kwn/

Answer 1

[Anton fon Faust]

использовать не float, а flex или display: inline-block;

Про ширину - всю ширину у вас занимает не кнопка, а обертки над ней.

Comments

[Mesuti]

У Вас есть возможность показать пример?

[Anton fon Faust]

Mesuti, если вам лень разбираться со свойством display, почему мне должно быть не лень переделывать ваш код?

[Mesuti]

Anton fon Faust, Спасибо за совет. Буду на flex переделывать.