css – 如何水平中心Font Awesome图标？

我有一张带有 Font Awesome图标的桌子，我想将文本左对齐和中心图标对齐。
我试着用中心点但不行：

HTML：

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

CSS：

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

jsFiddle

我也试着设置text-align：center！important;但不行。我做错了什么？

解决方法

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

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

这与你一起

td i {
    text-align:center;
}

应该只是中心图标。