将文本和flipswitch对齐在同一行上

Question

我正在尝试将FlipSwitch和文本对齐到同一行，但目前为止没有成功。我也试过使用fieldContain，但没有成功。

<ul data-role="listview"> 
    <li><h3>Date of Birth:</h3> <span style="float:right;"> 
      <select name="flip-2" id="flip-2" data-role="flipswitch" data-theme="b">   
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select></span></li> 
</ul> 

Answer 1

只需使用display：inline-block on h3;

http://jsfiddle.net/q1ukjxnq/1/

CSS

ul li h3 { 
    display:inline-block; 
} 

HTML

<ul data-role="listview"> 
    <li> 
     <h3>Date of Birth:</h3> 
      <select name="flip-2" id="flip-2" data-role="flipswitch" data-theme="b">   
       <option value="off">Off</option> 
       <option value="on">On</option> 
      </select> 
     </li> 
</ul>