javascript - jquery mobileでラベルとテキストフィールドを水平に揃える方法

Question

私はjQuery携帯電話に取り組んでいます。私にはいくつかの問題があります：

最初に使用data-role="fieldcontain"しましたが、ラベルと入力フィールドは水平ではありません。（同一線上ではありません）

ここに私のフィドルがあります：http://jsfiddle.net/ravi1989/vb5jA/

<div data-role="page" id="foo">
    <div data-role="header" style="background: green;">
            <h1>Wbservice</h1>
    </div>
    <!-- /header -->
    <div data-role="content">
<div data-role="fieldcontain">
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" value=""  />
</div>

        <label for="flip-1">Flip switch:</label>
<select name="flip-1" id="flip-1" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select>
    </div>
    <!--pop up screen-->

    <!-- /content -->
    <div data-position="fixed" data-role="footer"style="background: green;">

         <h4>Page Footer</h4>

    </div>
    <!-- /header -->
</div>
<!-- /page -->