jquery ui图标没有在内联范围内工作

Question

正如你在这里看到的:http://jsfiddle.net/kralco626/3BYDu/

使用时,图标不会显示 display:inline

我该如何解决这个问题？

Answer 1

使用ui-icon之前ui-icon-ICON和使用CSS display:inline-block应该正常工作

<span class="ui-icon ui-icon-home" style="display: inline-block"/>

Answer 2

<table>
    <thead>
        <th>
            <div style="float:left">My Header</div>
            <div style="float:left" class="ui-icon ui-icon-triangle-1-n"></div>
        </th>
    </thead>
</table>

编辑格式.