Css, collegamenti di centraggio all'interno di div

Question

Ehi, come posso centrare i miei collegamenti in questo modo? Sono tutti centrati all'interno di un div, ma iniziano dalla stessa distanza.

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

se applico Allineamento del testo: centro, ottengo:

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

Grazie;)

Ho una tabella

{ancoraggio}

i link Devo essere centrato sulla mia strada, ognuno nel suo stesso td. Non è sicuro la sua, possibile

Answer 1

Avvolgere i collegamenti in un altro <div style="width: 300px; margin: 0 auto;"> per raggrupparli.

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

Modifica per larghezze dinamici: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

Answer 2

Prova text-align: left;

Answer 3

fare questo: il nido di un div allineato a sinistra in un div allineato al centro.

<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> 

Aggiunta:

amanti CSS ovunque si condannarmi per aver suggerito che si potrebbe sostituire il div interno con un tavolo, che eliminerebbe la necessità di specificare una (o percentuale) larghezza fissa.

Answer 4

Se avete bisogno di centratura shrinkwrapped, applicare inline-block sulle cose che si desidera centrato. Quindi text-align:center; sul genitore.

Avrete probabilmente bisogno di una soluzione alternativa per IE, ma dato che non avete pubblicato il codice, non ci andrò.