한 줄에 두 개의 요소 넣기 jQuery Mobile

Question

토글 스위치 바로 옆에 단추를 놓고 싶지만 단추는 두 번째 줄로 계속 이동합니다.

jsFiddle 나도 같은 fieldcontain 모두 넣어이 문제를 해결하려고

<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> 

http://jsfiddle.net/wHSHb/

HTML. 그러나이 문제는 해결되지 않았습니다.

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%;