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

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

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

 166
csshtml
Author: David Laberge, 2012-01-24
Source

6 answers

Aquí hay un ejemplo con CSS y atributos inline style: 

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

#cssTable td 
{
    text-align: center; 
    vertical-align: middle;
}
<table border="1">
    <tr>
        <td style="text-align: center; vertical-align: middle;">Text</td>
        <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

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

Http://jsfiddle.net/j2h3xo9k/

EDITAR : El atributo valign está obsoleto en HTML5 y no debe usarse.

 250
Author: David Laberge,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-06-11 15:12:15

El CSS para centrar el texto en sus elementos td es

td {
  text-align: center;
  vertical-align: middle;
}
 40
Author: Carsten,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-24 11:48:24

Intenta poner esto en tu archivo CSS.

td {
    text-align: center;
    vertical-align: middle;
}
 27
Author: Boris,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-24 11:53:45

Ejemplo de mano larga en línea: 

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

Ejemplo de css abreviado: 

td{
 text-align:center;
 vertical-align:middle;
}
 22
Author: Hayden Thring,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-24 11:49:38

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

Es la única respuesta correcta en mi humilde opinión, ya que su trabajo con tablas que es la antigua funcionalidad más común utilizado para el formato de correo electrónico. Por lo tanto, su mejor opción es no usar solo estilo, sino estilo en línea y etiquetas de tabla conocidas.

 5
Author: Remi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-06-15 19:37:58

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

Más sobre valign

 1
Author: Balaswamy Vaddeman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-01-24 12:08:08