UI 1.7.1 ui-icon and text issue??

UI 1.7.1 ui-icon and text issue??


Hello,
I want to have an icon linked with text next to it, seams simple but
can't figure it out???
If you take the index.html page in the example:
/js/jquery.ui.1.7.1/index.html
and add the following to the page:
<a href="#"><span class="ui-icon ui-icon-pencil"></span>Edit</a>
You get the icon pencil a line break then the text.
using this code:
<a href="#"><span class="ui-icon ui-icon-pencil">Edit</span></a>
you get the icon pencil and no visible text...
So what is the proper way to have linked text with an icon on the left
side of the text?