jquery - 如何创建一个标题栏，其中一些文本在左侧，一些在右侧？

Question

我正在使用 jquery 小部件，我需要创建一个标题，其中一些文本在标题栏的左侧，一些在右侧。这是一个片段:

    <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>

但是，右边的文本在左边的下方移动了一行。我如何得到一行，其中一些文本在左边，一些在右边？

Answer 1

你应该使用 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>