¿Hay un css equivalente a 'align = "center"'?

Question

me trataron:

margin-left: auto; 
margin-right: auto; 

Pero no se centra en los elementos de mis celdas de la tabla. Tengo una combinación de elementos de texto y <span> en el <td> s.

Una vez que establezco 'align = "center"' en cualquiera de los elementos <td>, se centra.

¿Cómo logro esto en la hoja de estilo?

Por cierto, cuando hago text-align: center que funciona para texto. Pero no para otros elementos como <span> s.

Editar:

El lapso tiene la siguiente clase, si eso afecta el problema de alineación:

.dot { 
    display: block; 
    width: 10px; 
    height: 10px; 
    background: #333; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
} 

Answer 1

margin:0 auto; funcionará en, elementos

• de bloques de nivel no flotados estáticas/relativos posicionado con una anchura explícita establecer
• elementos ancho intrínseco como imágenes/objetos/tablas

text-align:center funcionarán en

• en línea/en línea bloques

Por su situación es probable que pueda hacer ..

#container { text-align:center; } 
#container span.block-level-spans { margin: 0 auto; } 

o hacen las luces en el interior en lugar de inline-blockblock.

EDIT:

Inline-bloque: Este valor provoca que un elemento generar una caja de bloque, que en sí es fluía como una sola caja de línea, similar a un elemento reemplazado. El interior de un bloque en línea tiene el formato de un cuadro de bloque , y el elemento en sí es formateado como un elemento en línea reemplazado .

Answer 2

Hice una búsqueda rápida en Google y encontré esto:

lapso es un inline elemento y, por lo tanto, no se puede alinear. Conviértalo en un p o un div en lugar de un lapso, o explícitamente haga que el span bloque nivel mediante el uso de pantalla: bloque.

encontrar en: Velocity Reviews Forumn Link