jQuery UI的單選按鈕組換行符

Question

當我用兩個按鈕組，它們不會顯示在同一行。有沒有辦法在同一行顯示這兩個？這裏是我的代碼

HTML：

<div id="view"> 
<input type="radio" id="radio1" name="radio" /><label for="radio1">Regular</label> 
<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Investments</label> 
<input type="radio" id="radio3" name="radio" /><label for="radio3">All</label> 
</div> 


<div id="lod"> 
<input type="radio" id="lod_S" name="radio" checked="checked" /><label for="radio2">Summary</label> 
<input type="radio" id="lod_D" name="radio" /><label for="radio3">Detail</label> 
</div> 

的javascript：

$('#view,#lod').buttonset(); 

在此先感謝您的幫助。

Answer 1

爲div元素的默認樣式導致一個爲低於其他。你可以在這裏代替span。

jsFiddle

---

或者使用CSS來改變你的div的造型：

<style type="text/css"> 
    #view, #lod { 
     display: inline; 
    } 

</style>