jQuery UI滑塊旁邊的文本標籤

在父div中，我想在左邊有一個文本標籤，在右邊有一個滑塊（使用jQuery UI）。我希望滑塊佔據所有可用空間。jQuery UI滑塊旁邊的文本標籤

所以概念是什麼，我會看到的是：

<div id="parentDiv" style="width:800px"> 
<span>Unicorn awesomeness:</span><div id="unicornSlider"></div> 
</div>

但我不能得到任何容易的是在Chrome，FF3 & IE7/8的作品。有沒有相對簡潔的解決方案？如果能夠讓事情變得更容易，我會解決這個問題，使得滑塊的寬度固定不變，儘管這並不理想。

2011-05-05 Mr. Boy

我覺得這是一個很多麻煩，讓您的在線效果，而無需指定的寬度

下面是一個使用％寬度，在上面提到的瀏覽器上運行一個例子（IE7有點偏心襯了標籤和滑塊，但它仍然在同一行）

#unicornSlider {float:right;width:80%;}

2011-05-05 15:22:27 MikeM

怪異，我敢肯定，我試過了，它把浮動的div上IE8下一行。也許有一些更細微的差別。我現在實際上正在使用一個表格作爲臨時「有效」解決方案（是的，我知道）。 – 2011-05-05 16:34:46

也值得注意，'display：inline-block;'也可能會工作，而不是'float：right'。請參閱http://jsfiddle.net/pxfunc/D7b7F/1/ – MikeM 2011-05-05 16:51:16

回答