выберите встроенный jquerymobile

Question

Я хотел бы знать, чтобы получить выбор на той же строке кнопок.

Вот мой код

<div id="commands">
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <select id="select-scenari" data-theme="f" data-inline="true">
       <option value="manuale">Option</option>
       <option value="fuori-casa">Option</option>
       <option value="party">Option</option>
   </select>
   <a data-role="button" data-inline="true">Button</a>
</div>

Как видите, все кнопки находятся на одной линии (кроме окна слишком маленького размера), но не на кнопке выбора.
Если вы измените выбор на кнопку, то все в порядке.
Как сделать так, чтобы выбор отображался в одной строке?
Большое спасибо!

Answer 1

Похоже, data-inline="true" распознается только по тегам a в вашем примере. Применяя те же классы к div, который оборачивает select, вы можете достичь того же результата:

http://jsfiddle.net/H9W2d/2/

Answer 2

Возьмите выделение из div, или используйте div вокруг кнопок и один вокруг select и плавайте их.