如何創建一個標題欄，其中一些文字位於左側，另一些位於右側？

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：正確的...

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

Answer 2

浮法要出現在左邊的左邊，並漂浮要出現在右邊右邊的文本。

或者，將要顯示在左側的文本完全放在左側（與父親定位的相對位置），並將右側顯示的文本放在右側。