Сделайте значок ui на той же строке, что и другой текст в <li>

Я плохо разбираюсь в CSS, и я пытаюсь получить значок ui в той же строке, что и текст в LI.

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

Обычно текст не делает этого внутри li, поэтому я думаю, что это что-то с ui-icon css, но я не мог найти, что его вызывало.

Ответ 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 должно позволить значку появляться в той же строке