JqueryMobileスタイルの問題のテキストボックスをポートレートで表示します

Question

私は単純にフォームを持つページを作成しようとしています。私はテキストボックス "％"のようなテキストボックス "％"のようにするためには1行で必要ですが、私はそれを別の上に横に並べる代わりに、iPhone上のポートレートモードでそれにコードを入れます。私は55px幅のテキストボックスに、それが働いていることを伝えました。しかし、何をしようと私はそれらを並べて取得することはできません。これは私が使用しているコードスニップです。

<div data-role="fieldcontain" class="percentselectingdiv"> 
    <label for="grp1percent">Percent Selecting:</label> 
    <input type="text" name="grp1percent" id="grp1_percent_select" value="" /> 
    <label >%</label> 

    <input type="text" name="grp2percent" id="grp2_percent_select" value=""> 
    <label >%</label> 
    </div>  

私は任意の助けを感謝しています... CSSは私の強いスーツではありません...

Answer 1

は、テキストボックスのスタイル

<input type="text" name="grp1percent" id="grp1_percent_select" value="" style="width:80%;float:left" /> 

http://fiddle.jshell.net/qF925/

で float: leftを追加します