Текст с горизонтальным центрированием поверх изображения через CSS

Рассмотрим следующий html:

<div class="image">
    <img src="sample.png"/>
    <div class="text">
       Text of variable length
    </div>
</div>

Где:

.image {
    position:relative;
    text-align:center; // doesn't work as desired :(
}

.text {
    position:absolute;
    top:30px;
}

Подскажите, пожалуйста, есть ли способ горизонтально выровнять текст в центре .image div? Я не могу использовать свойство left , поскольку длина текста неизвестна, а свойство text-align не работает для div .text : (

Спасибо.