Undesired line break between image and text

[Cameron Ross <cr...@symboticware.com>]

Hello,

I'm using tree2 to construct a node navigator and I'm having a problem 
with an undesired line break.  My tree component is rendered within an 
iframe with auto scrolling enabled.  Each node on the tree is to be 
displayed as an image followed by a text label.  I would like the image 
and the label to remain on the same line regardless of the length of the 
label (i.e. the horizontal scroll bar is to be used to view labels that 
extend beyond the iframe width).  Everything works as expected except 
that when the label extends beyond the iframe width it drops to the next 
line.  How can I remove the line break that is being added?

...
<f:facet name="foo-folder">
    <h:panelGroup>
        <f:facet name="expand">
            <t:graphicImage value="img/node_image.jpg" 
rendered="#{t.nodeExpanded}" border="0" align="left"/>
        </f:facet>
        <f:facet name="collapse">
            <t:graphicImage value="img/node_image.jpg" 
rendered="#{!t.nodeExpanded}" border="0" align="left"/>
        </f:facet>
        <h:outputText 
value="This&nbsp;is&nbsp;a&nbsp;very&nbsp;long&nbsp;message&nbsp;that&nbsp;will&nbsp;wrap"/>
    </h:panelGroup>
</f:facet>
...

Also, is there a way to get ride of &nbsp; from this string?

Thanks in advance,
Cameron.