Как помирить flexbox с блоком, в котором неразрывный текст?

Question

[Rithmsamba]

Есть 2 колонки, одна резиновая, другая - нет. В более широкой резиновой колонке - текст, который выводится строго в 1 строку и обрезается многоточием.
И вот этот текст расползается в ширину и не дает узкой колонке занять свое законное пространство, вытесняет ее за область видимости.
Задать у текста конкретную ширину нельзя, мин/макс ширину резиновой колонке тоже.

UPD
Блок с текстом тоже без ширины...
Менять логику и верстку родительских блоков тоже нет возможности

Как победить ситуацию?

Пример вот

Answer 1

[MNB]

стили, которые вы применили для ".lside b" примените для ".lside " и удалите float:left

Comments

[Rithmsamba]

Нет, увы, этого сделать нельзя, т.к. используется общий шаблон страницы

[MNB]

значит измените логику
Проблема в том, что у флекс элемента нет размера, на котором он может остановится.
у "b" max-width: 100%;
у самого элемента максимальная ширина не указана.
Измените хотя бы b: max-width: 600px;
как то так https://jsfiddle.net/87oa2wdw/1/

[Rithmsamba]

Все было бы просто, если бы у b можно было бы задать ширину...

Answer 2

[Георгий Еремеев]

Как то так https://jsfiddle.net/87oa2wdw/3/

Comments

[Rithmsamba]

Да, но! Родительские блоки трогать низзя...