How to center the contents of an HTML table?

Here is an example with CSS and inline style attributes:

td

{

height: 50px;

width: 50px;

}

#cssTable td

{

text-align: center;

vertical-align: middle;

}

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;
}