Как сопоставить ширину текста с шириной изображения/заголовка с динамическим размером? ⇐ CSS

[Anonymous]

Просмотрите этот код:
https://codepen.io/allen-houng/pen/XGMj ... ors=1100#0

Код: Выделить всё

    
[img]https://res.cloudinary.com/djcpf0lmv/image/upload/v1549372650/Templates/yoga.jpg[/img]

Fusce consequat. Nulla nisl. Nunc nisl. Duis bibendum, felis sed interdum   venenatis, turpis enim blandit mi, in porttitor pede justo eu massa. Donec dapibus. Duis at velit eu est congue elementum.

У меня есть родительский элемент div с двумя дочерними элементами div — изображение и описание. Я задаю размер изображения в соответствии с высотой области просмотра, что означает, что ширина будет динамичной и отзывчивой. Как мне изменить размер соответствующего родственного div .description, чтобы он соответствовал ширине изображения без JavaScript?

Другими словами, как мне это повернуть:



в это:



Подробнее здесь: https://stackoverflow.com/questions/550 ... mage-title