How do I create a title bar with some text to the left and some to the right?
===

I am using jquery widgets and I need to create a title with some text to the left of the title bar and some to the right.  Here is a snippet:

        <div id="newtask" class="ui-widget-content ui-state-default">
        <h4 class="ui-widget-header">
            <span class="ui-icon ui-icon-done">New Task</span> Todo <div style="text-align:right">This needs 
        </h4>

However, the right hand text is displaced one line below the left hand.  How do I get one single line with some text to the left and some to the right?