Css JqueryMobile样式问题文本框在纵向

我试图简单地制作一个有表单的页面。我需要将它放在一行上，就像textbox“%”空格textbox“%”一样。但是，当我在iPhone上以纵向模式将代码放入其中时，它会将代码一个放在另一个上面，而不是并排放置。我已经告诉它的文本框，他们是55像素宽，这是工作。但无论我怎么努力，我都无法让它们并排出现。这是我正在使用的代码剪报

 <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不是我的强项…

以文本框的样式添加

float:left

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