Как сделать, чтобы текст из figcaption не выходил за пределы figure?

Question

[Валерий Суворов]

Коллеги, подскажите пожалуйста, как сделать, чтобы текст из figcaption не выходил за пределы figure?
Как сделать, чтобы текст переносился на 2 строки, и при этом ширина figcaption была такой же, как у figure?
Размеры изображения динамические.
Код:
codepen.io/valerun/pen/YNNpZy

Буду благодарен за помощь!

Answer 1

[justdealman]

box-sizing:border-box;

codepen.io/anon/pen/VPPmXa

Comments

[Валерий Суворов]

У меня в стилях указан border-box. Вы разве не видите?

[justdealman]

Для 'figure > figcaption' нет, не вижу.

[Валерий Суворов]

justdealman: Ок, да в моих стилях не было. Но и в вашем примере проблема не решена. Блок figcaption как вываливался за пределы, так и вываливается.

[justdealman]

codepen.io/anon/pen/dNNOxO так тогда