Horizontalement aligner l'élément html du centre en ligne

Question

Ok donc j'ai un élément d'ancrage dans une div avec une largeur fixe, l'élément d'ancrage doit rester en ligne parce que le texte qu'il contient est dynamique et il a un fond parce que c'est un bouton . Je veux que l'arrière-plan du bouton ne soit que la taille de la longueur du texte. Y a-t-il un moyen de le faire?

<div class="wrap"> 
<a class="button>Start »</a> 
</div> 



.wrap{ 
    width:900px; 
background:white; 
    } 

    a{ 
    display:inline; 
background:black; 

    } 

Answer 1

Je pense

.wrap{ 
    width:900px; 
    text-align: center; 
} 

fera l'affaire

Voir

http://jsfiddle.net/jEsRG/3/