title: aligning HTML select elements on one line
body: <p>i am working on a mobile app using HTML/CSS/JavaScript. I have two select option (drop down menu), one for number of dates and the other one for number of years. I want to be able to see these select options in one line, but no matter what I do, I get a drop down menu (number of dates) on one line and on the next line I get the drop down menu for number of years. Below you can see my codes</p>
  
  <pre><code>&lt;div data-role="controlgroup" data-type = "horizontal" &gt;
  
          &lt;label for="select-choice-1" &gt;Choose Expiry Date&lt;/label&gt;
              &lt;select name="select-choice-1" id="select-choice-1" data-inline = "true" style = "float: left"&gt;
                  &lt;option value="1"&gt;01&lt;/option&gt;
                  &lt;option value="2"&gt;02&lt;/option&gt;
                  &lt;option value="3"&gt;03&lt;/option&gt;
                  &lt;option value="4"&gt;04&lt;/option&gt; 
                  &lt;option value="5"&gt;05&lt;/option&gt; 
                  &lt;option value="6"&gt;06&lt;/option&gt; 
                  &lt;option value="7"&gt;07&lt;/option&gt; 
                  &lt;option value="8"&gt;08&lt;/option&gt; 
                  &lt;option value="9"&gt;09&lt;/option&gt; 
                  &lt;option value="10"&gt;10&lt;/option&gt; 
                  &lt;option value="11"&gt;11&lt;/option&gt; 
                  &lt;option value="12"&gt;12&lt;/option&gt; 
                  &lt;option value="13"&gt;13&lt;/option&gt; 
                  &lt;option value="14"&gt;14&lt;/option&gt; 
                  &lt;option value="15"&gt;15&lt;/option&gt; 
                  &lt;option value="16"&gt;16&lt;/option&gt; 
                  &lt;option value="17"&gt;17&lt;/option&gt; 
                  &lt;option value="18"&gt;18&lt;/option&gt; 
                  &lt;option value="19"&gt;19&lt;/option&gt; 
                  &lt;option value="20"&gt;20&lt;/option&gt; 
                  &lt;option value="21"&gt;21&lt;/option&gt; 
                  &lt;option value="22"&gt;22&lt;/option&gt; 
                  &lt;option value="23"&gt;23&lt;/option&gt; 
                  &lt;option value="24"&gt;24&lt;/option&gt; 
                  &lt;option value="25"&gt;25&lt;/option&gt; 
                  &lt;option value="26"&gt;26&lt;/option&gt; 
                  &lt;option value="27"&gt;27&lt;/option&gt; 
                  &lt;option value="28"&gt;28&lt;/option&gt; 
                  &lt;option value="29"&gt;29&lt;/option&gt; 
                  &lt;option value="30"&gt;30&lt;/option&gt; 
                  &lt;option value="31"&gt;31&lt;/option&gt; 
              &lt;/select&gt;
  
              &lt;select name="select-year" id="select-yaer"  data-inline = "true" style = "float: right"/&gt;
                  &lt;option value="2011"&gt;2011&lt;/option&gt;
                  &lt;option value="2012"&gt;2012&lt;/option&gt;
                  &lt;option value="2013"&gt;2013&lt;/option&gt;
                  &lt;option value="2014"&gt;2014&lt;/option&gt; 
                  &lt;option value="2015"&gt;2015&lt;/option&gt; 
                  &lt;option value="2016"&gt;2016&lt;/option&gt; 
                  &lt;option value="2017"&gt;2017&lt;/option&gt; 
                  &lt;option value="2018"&gt;2018&lt;/option&gt; 
                  &lt;option value="2019"&gt;2019&lt;/option&gt; 
                  &lt;option value="2020"&gt;2020&lt;/option&gt; 
                  &lt;option value="2021"&gt;2021&lt;/option&gt; 
                  &lt;option value="2022"&gt;2022&lt;/option&gt; 
                  &lt;option value="2023"&gt;2023&lt;/option&gt; 
                  &lt;option value="2024"&gt;2024&lt;/option&gt; 
                  &lt;option value="2025"&gt;2025&lt;/option&gt; 
                  &lt;option value="2026"&gt;2026&lt;/option&gt; 
                  &lt;option value="2027"&gt;2027&lt;/option&gt; 
                  &lt;option value="2028"&gt;2028&lt;/option&gt; 
                  &lt;option value="2029"&gt;2029&lt;/option&gt; 
                  &lt;option value="2030"&gt;2030&lt;/option&gt; 
  
              &lt;/select&gt;&lt;br /&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>UPDATE:
  I am testing these codes on Android browser using jQuery mobile framework.</p>