JQuery UI Radio Button установить разрывы строки

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, чтобы изменить стиль ваших divs:

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

</style>