Как правильно использовать Flexbox в данной задаче?

Question

[fantazerno]

Имею три блока спозиционированных с помощью Flexbox

https://jsfiddle.net/72bb1zyx/

не могу сообразить, как сделать чтобы текст занимал всю свою ширину, был без переноса строки

Буду рад помощи!

Answer 1

[WhiteSama]

как насчет & nbsp;?
css^ white-space: nowrap;

Comments

[fantazerno]

Спасибо )

Answer 2

[sergski]

Замороченное применение флекса)

.line-title-text {
  flex: 1 0 auto
  margin: 0;
}