Css, enlaces de centrado dentro de div

Question

Hola, ¿cómo puedo centrar mis enlaces de esta manera? Todos están centrados dentro de un div, pero comienzan desde la misma distancia.

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

si aplico align texto: centro, me sale:

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

Gracias;)

Tengo una tabla

{ancla}

los enlaces Necesito estar centrado en mi camino, cada uno en su propia td. No está seguro de su, es posible

Answer 1

Envuelva los enlaces en otro <div style="width: 300px; margin: 0 auto;"> para agruparlos.

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

Editar para anchos dinámicos: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

Answer 2

Trate text-align: left;

Answer 3

hacer esto: nido de un div alineado a la izquierda en un div alineado 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> 

Adición:

amantes CSS en todas partes me va a condenar por sugerir que podría reemplazar el div interior con una mesa, lo que eliminaría la necesidad de especificar un (porcentaje o) de ancho fijo.

Answer 4

Si necesita centrado shrinkwrapped, aplicar inline-block en las cosas que quiere centrada. Luego text-align:center; en el padre.

Probablemente necesites una solución para IE, pero como no has publicado el código, no entraré en eso.