Выровнять текст и флипслик в той же строке

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

Просто используйте дисплей: встроенный блок на 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>