使ui图标与<li>中的其他文本显示在同一行

Question

我对CSS很糟糕,我试图将ui-icon与LI中的文本放在同一行.

<ul>
    <li class="ui-state-default">
        <span>Hello</span>
        <span class="ui-icon ui-icon-close"></span>
    </li>
</ul>

通常文本不会在li中执行,所以我认为这是ui-icon css的内容,但我无法找到导致它的原因.

Answer 1

继上面我的问题评论,我在我的jQuery-ui CSS中发现了这个,假设你正在使用它:

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

更改(或覆盖)display: block使用display: inline-block应允许图标出现在同一行