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>