¿Cómo alinear el centro del texto en la fila de la tabla html?

Question

Estoy usando una tabla html. Quiero alinear el texto de td en el centro de cada celda.

¿Cómo alinear el texto horizontal y verticalmente en el centro?

Answer 1

Aquí es una ejemplo con CSS y el estilo incrustado:

td 
 
{ 
 
    height: 50px; 
 
    width:50px; 
 
} 
 

 
#cssTable td 
 
{ 
 
    text-align:center; 
 
    vertical-align:middle; 
 
}

<table border="1"> 
 
    <tr> 
 
     <td align="center" valign="middle">Text</td> 
 
     <td align="center" valign="middle">Text</td> 
 
    </tr> 
 
</table> 
 

 
<table border="1" id="cssTable"> 
 
    <tr> 
 
     <td>Text</td> 
 
     <td>Text</td> 
 
    </tr> 
 
</table>

http://jsfiddle.net/Pv3Zk/

Answer 2

Trate de poner esto en su archivo CSS.

td { 
    text-align: center; 
    vertical-align: middle; 
} 

Answer 3

El CSS para centrar el texto en sus td elementos es

td { 
    text-align: center; 
    vertical-align: middle; 
} 

Answer 4

larga mano ejemplo en línea:

<td style='text-align:center;vertical-align:middle'></td> 

abreviada ejemplo css:

td{ 
text-align:center; 
vertical-align:middle; 
} 

Answer 5

<td align="center"valign="center">textgoeshere</td>

more on valign

Answer 6

<td align="center" valign="center">textgoeshere</td>

Es la única respuesta correcta, ya que trabaja con tablas, que es la funcionalidad anterior más utilizada para el formato de correo electrónico. Por lo tanto, lo mejor es no usar solo el estilo, sino el estilo en línea y las etiquetas de tabla conocidas.