What is the HTML5 equivalent to the align attribute in table cells?

Question

I'm refactoring an old site, and that maze is full of tables. We're moving to HTML5 and I need to fix a table full of

<td align="center"> 

code. I found a partial solution by creating a class

.centered {     text-align: center; } 

and assigning it to every TD containing text.
But this is not working on images and some other elements.

margin: auto; 

won't work either.
What's the fastest way to center ALL content inside a TD?

Answer 1

If they're block level elements they won't be affected by text-align: center;. Someone may have set img { display: block; } and that's throwing it out of whack. You can try:

td { text-align: center; } td * { display: inline; } 

and if it looks as desired you should definitely replace * with the desired elements like:

td img, td foo { display: inline; }