Css, centrer les liens à l'intérieur div

Question

Hey là, comment puis-je centrer mes liens comme ça? Ils sont tous centrés à l'intérieur d'un div, mais ils commencent à la même distance.

i am link 1 
i am a longer link than link 1 
i am a short link 
we are all centered in div 

Si je demande align texte: centre, je reçois:

  i am link 1 
i am a longer link than link 1 
     i am a short link 
    we are all centered in div 

Merci;)

J'ai une table

{ancre}

les liens besoin d'être centré sur mon chemin, chacun dans son propre td. Je ne sais pas son possible

Answer 1

Enveloppez les liens dans un autre <div style="width: 300px; margin: 0 auto;"> pour les regrouper.

http://jsfiddle.net/NcEpe/1/

Modifier pour des largeurs dynamiques: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

Answer 2

Essayez text-align: left;

Answer 3

Faites ceci: imbriquer un div aligné à gauche dans un div aligné au centre.

<div style="text-align:center"> 
    <div style="text-align:left; width:300px;"> 
     Content<br /> 
     Longer Content<br /> 
     Really long Content<br /> 
     Content<br /> 
     Content 
    </div> 
</div> 

Addition:

amateurs CSS partout vont me condamner pour ce qui suggère que vous pouvez remplacer la div intérieure avec une table, qui supprimerait la nécessité de spécifier un fixe (ou pourcentage) largeur.

Answer 4

Si vous avez besoin de centrage Shrinkwrapped, appliquez inline-block sur les choses que vous voulez centré. Puis text-align:center; sur le parent.

Vous devrez probablement avoir une solution de contournement pour IE, mais comme vous n'avez pas publié de code, je ne vais pas entrer dans cela.