Question

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?

Answer 1

you should use float:right…

    <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="float:right;">This needs 
    </h4>