如何将 Font Awesome 图标水平居中？

我有一张桌子，上面有字体真棒 http://fortawesome.github.io/Font-Awesome/图标，我想将文本左对齐和居中对齐。 我尝试过居中<i>但不起作用：

HTML:

<td><i class="icon-ok"></i></td>

CSS:

td, th {
    text-align: left;
}
td i {
    text-align:center;
}

jsFiddle http://jsfiddle.net/kB6Ju/1/

我也尝试设置text-align:center !important;但不起作用。我做错了什么？

添加您自己风格的字体真棒风格

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 100%;
}

与你的

td i {
    text-align:center;
}

应该只将图标居中。