Если проблема в том, что заголовок слишком длинный, вы всегда можете использовать
div.image {
width: 200px; /* the width you want */
max-width: 200px; /* same as above */
}
div.image div {
width: 100%;
}
И заголовок останется статичным.Кроме того, имя тега img, а не image.
Или, если вы хотите определить ширину вашего изображения, вы можете использовать jQuery:
$(document).ready(function() {
var imgWidth = $('.image img').width();
$('.image div').css({width: imgWidth});
});
Таким образом, вы получаетеширину изображения, затем вы установите ширину заголовка.