Раньше центровали как:
<table><tr><td class="s1" valign="middle" align="center">Текст</td></tr></table>
А теперь можно:
<span class="s1"><span>Текст</span></span>
а мусор вынести в css:
.s1 {
display:table-cell;
width: 100px;
height: 100px;
text-align:center;
vertical-align:middle;
background: red;
}
По мне так семантичненько так
