JQuery UI Framework Иконки

Question

На странице Themeroller автор пользовательского интерфейса jQuery показывает, что при использовании определенных ключевых слов доступны значки. Пример

<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-circle-close">
</span>
</li>

Это создает симпатичный маленький крестик в середине круга, обрамленный прямоугольником с закругленными углами и рамкой.

Но что, если моих значков нет в списке? Что, если они находятся в ячейке таблицы, например?

<td>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
<span class="ui-icon ui-icon-triangle-1-s"></span>
</li>
</td>

Это работает, хотя технически это не правильно, потому что у меня нет открывающего и закрывающего элемента

Answer 1

Вместо диапазона, используйте <div> здесь, вот так

<td class="showcities">
  <div class="ui-state-default ui-corner-all" title=".ui-icon-circle-close">
    <span class="ui-icon ui-icon-triangle-1-s"></span>
  </div>
</td>