对齐同一行的文本和翻转开关

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>