Css 将文本和翻转开关对齐在同一行上

我正在尝试将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>

出生日期：
关
在…上

只需使用显示：h3上的内联块

CSS

HTML

出生日期:
关
在…上

ul li h3 {
    display:inline-block;
}

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