HTML 선택 요소를 한 줄에 정렬

Question

HTML/CSS/JavaScript를 사용하는 모바일 앱에서 작업하고 있습니다. 두 가지 선택 옵션 (드롭 다운 메뉴)이 있습니다. 하나는 날짜 수이고 다른 하나는 수를 나타냅니다. 이러한 선택 옵션을 한 줄로 볼 수 있기를 원하지만, 내가하는 일과 관계없이, 한 줄에 드롭 다운 메뉴 (날짜 수)가 표시되고 다음 줄에는 몇 년 동안 드롭 다운 메뉴가 나타납니다. . 내가 jQuery를 모바일 프레임 워크를 사용하여 안드로이드 브라우저에서이 코드를 테스트입니다 : 내 코드

<div data-role="controlgroup" data-type = "horizontal" > 

     <label for="select-choice-1" >Choose Expiry Date</label> 
      <select name="select-choice-1" id="select-choice-1" data-inline = "true" style = "float: left"> 
       <option value="1">01</option> 
       <option value="2">02</option> 
       <option value="3">03</option> 
       <option value="4">04</option> 
       <option value="5">05</option> 
       <option value="6">06</option> 
       <option value="7">07</option> 
       <option value="8">08</option> 
       <option value="9">09</option> 
       <option value="10">10</option> 
       <option value="11">11</option> 
       <option value="12">12</option> 
       <option value="13">13</option> 
       <option value="14">14</option> 
       <option value="15">15</option> 
       <option value="16">16</option> 
       <option value="17">17</option> 
       <option value="18">18</option> 
       <option value="19">19</option> 
       <option value="20">20</option> 
       <option value="21">21</option> 
       <option value="22">22</option> 
       <option value="23">23</option> 
       <option value="24">24</option> 
       <option value="25">25</option> 
       <option value="26">26</option> 
       <option value="27">27</option> 
       <option value="28">28</option> 
       <option value="29">29</option> 
       <option value="30">30</option> 
       <option value="31">31</option> 
      </select> 

      <select name="select-year" id="select-yaer" data-inline = "true" style = "float: right"/> 
       <option value="2011">2011</option> 
       <option value="2012">2012</option> 
       <option value="2013">2013</option> 
       <option value="2014">2014</option> 
       <option value="2015">2015</option> 
       <option value="2016">2016</option> 
       <option value="2017">2017</option> 
       <option value="2018">2018</option> 
       <option value="2019">2019</option> 
       <option value="2020">2020</option> 
       <option value="2021">2021</option> 
       <option value="2022">2022</option> 
       <option value="2023">2023</option> 
       <option value="2024">2024</option> 
       <option value="2025">2025</option> 
       <option value="2026">2026</option> 
       <option value="2027">2027</option> 
       <option value="2028">2028</option> 
       <option value="2029">2029</option> 
       <option value="2030">2030</option> 

      </select><br /> 

     </div> 

UPDATE를 볼 수 있습니다.