jquery ui icon not working on inline span

Question

As you can see here: http://jsfiddle.net/kralco626/3BYDu/

The icon does not show up when you use display:inline

How do I get around this?

Answer 1

Useui-icon, before of the ui-icon-ICON and use the CSS display:inline-block should work properly

<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>

Edit for formatting.

Answer 3

Well, I guess you could try inline-block instead of inline.