jQueryUI widget text plus icon

Question

I have:

<div class="ui-widget">
   <div class="ui-widget-header">
      My Menu<span class="ui-icon ui-icon-circle-triangle-n"></span>
   </div>
   <ul class="ui-widget-content">
      <li>Menu Item 1</li>
      <li>Menu Item 2</li>
      <li>Menu Item 3</li>
   </ul>
</div>

Right now, the ui-icon is appearing below "My Menu"

Q: How can I get "My Menu" to appear on the same line as the UI widget?

Answer 1

add the style "display: inline-block;" to ui-icon, or wrap My Menu in a span and use floats