Почему не обрезается текст?

Question

[lavezzi1]

Здравствуйте. Есть такой заголовок статьи, нужно при недостаточной ширине. Если убрать у .box свойство flex, все работает. Я так понимаю нужно что назначить для элемента meta?

https://jsfiddle.net/ayeqrb1e/

Answer 1

[Петя Персианов]

overflow: hidden;

должен быть у элемента, который должен перекрывать.

Answer 2

[Ankhena]

Надо задать ширину для meta, иначе он просто вылезает за пределы родителя.
https://jsfiddle.net/p0vzcvds/
Вам только доработать отступы, чтобы ... нормально помещались.

Answer 3

[Alex]

У вас box__title по размеру текста.

.box__meta {
    overflow: hidden;
}

Answer 4

[aloky]

https://jsfiddle.net/ayeqrb1e/2/