把兩個元素放在一行上jQuery Mobile

Question

我想把一個按鈕放在一個切換開關旁邊，但是，按鈕一直移動到第二行。

的jsfiddle

http://jsfiddle.net/wHSHb/

HTML

<div data-role="fieldcontain"> 
    <label for="switch">Privacy:</label> 
    <select name="switch" id="switch" data-role="slider"> 
     <option value="0">Private</option> 
     <option value="1">Public</option> 
    </select> 
    <a href="#switchinfo" data-rel="dialog" data-role="button" data-icon="info" data-iconpos="notext">Switch Info</a> 
</div> 

我試圖通過這兩個在同一fieldcontain將解決這個問題。但是，這並沒有解決問題。

Answer 1

另一種解決方案，使用網格佈局： http://jsfiddle.net/ZdkTG/2/

<div data-role="fieldcontain"> 
    <fieldset class="ui-grid-a"> 
     <div class="ui-block-a"> 
      <label for="switch">Privacy:</label> 
      <select name="switch" id="switch" data-role="slider"> 
       <option value="0">Private</option> 
       <option value="1">Public</option> 
      </select> 
     </div> 
     <div class="ui-block-b"> <a href="#switchinfo" data-rel="dialog" data-role="button" data-icon="info" data-iconpos="notext" class="ui-button-left">Switch Info</a> 

     </div> 
    </fieldset> 
</div> 

更多： JQuery Mobile - Display An HTML Form Inline

Answer 2

看一看here。

.info 
{ 
    float: right; 
} 

您還可以添加一定的餘量來定位它，你want.Ex：

margin-right:30%;