How to align center the text in html table row?
Here is an example with CSS and inline style attributes:
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/
EDIT: The valign attribute is deprecated in HTML5 and should not be used.
The CSS to center text in your td elements is
td {
text-align: center;
vertical-align: middle;
}
Try to put this in your CSS file.
td {
text-align: center;
vertical-align: middle;
}