Horizontale de centrage du texte sur l'image via CSS

Considérer le code html suivant:

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

Où:

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

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

Pouvez-vous me dire, si il existe un moyen d'aligner le texte horizontalement dans le centre de la .image div? Je ne peux pas utiliser le left de la propriété, puisque la longueur du texte est inconnu et la text-align propriété ne fonctionne pas pour la .text div 🙁

Merci.

InformationsquelleAutor Zaur Nasibov | 2012-02-09