HTML / CSS

ширина изображения

Я работаю над сайтом, который помещает изображение в блок div, а под изображением находится

с текстом в нем. Изображения могут быть шириной 150 или 200 пикселей, но тег

не должен быть шире изображения, потому что это нарушит макет. Поэтому я не уверен, что делать, ширина изображений является динамической, поэтому я не могу нигде указать ширину, поэтому мне, возможно, придется прибегнуть к javascript, чтобы получить ширину изображения и поместить эту ширину в

, но javascript на самом деле не моя сильная сторона, поэтому я надеюсь на простое решение css.

Вот небольшой код, чтобы вы, ребята, могли увидеть, как он выглядит.

<li>
    <div class="container_movie">
        <img src="images/category/movie/super-8-cover.jpg"/>
        <p> super8<br/>
        22-07-’11 <span class="day_countdown">// 11 days</span></p>
    </div>
</li>

Также Я знаю, что код еще не идеален, я все еще много тестирую.