Centered icon

Trying to figure out how to get a span to respect the table cell's centering.

by StriplingWarrior

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css">
<table>
    <tr><th>Header</th></tr>
    <tr><td>
        <div class="icon-wrapper">
            <span class="ui-icon ui-icon-check"></span>
        </div>
    </td></tr>
    <tr><td>
        With text
        <div class="icon-wrapper">
            <span class="ui-icon ui-icon-check"></span>
        </div>
    </td></tr>
</table

CSS

table {width: 100%;}
td, th {text-align:center;}
div.icon-wrapper {display:inline-block; /*IE hacks*/ zoom:1; *display: inline; _height: 30px;}