title: How to make these two <div> inline?
body: <p>I'm editing someone other's code, there's an existing form and css file, what I did is that I added 5 "select" tags into the form, and I want to make the selects inline.</p>
  
  <p>Each select has a label, so I put them two in a div, thus I have 5 divs.
  I want to put the first 3 div in one row, and last 2 in another row.
  I was working on the css file for hours to get things work, but still failed. </p>
  
  <p>The problem I'm getting now is that I cannot put the s in the same line, each of them occupies a separate line, so I have 5 rows in the form now... but I just need 2 rows.</p>
  
  <p>Please help me on that, not quite familiar with CSS.</p>
  
  <pre><code>&lt;html&gt;
  &lt;link rel="stylesheet" href="css/mrbs.css.php" type="text/css"&gt;
          &lt;link rel="stylesheet" media="print" href="css/mrbs-print.css.php" type="text/css"&gt;
      &lt;form id="add_room" class="form_admin" action="addsystem.php" method="post"&gt;
        &lt;fieldset&gt;
        &lt;legend&gt;Add System&lt;/legend&gt;
  
   &lt;div id="sdw-div" style="white-space:nowrap; display:inline"&gt;     
      &lt;label for = "sdw"&gt;sdw:&lt;/label&gt;
      &lt;select id="sdw" name="sdw" style="display:inline"&gt;
          &lt;option selected="selected" value="0"&gt;0&lt;/option&gt;
         &lt;option  value="1"&gt;1&lt;/option&gt;
         &lt;option  value="2"&gt;2&lt;/option&gt;
         &lt;option  value="3"&gt;3&lt;/option&gt;
         &lt;option  value="4"&gt;4&lt;/option&gt;
       &lt;/select&gt;
  &lt;/div&gt;
  
   &lt;div id="etl-div" style="white-space:nowrap; display:inline"&gt;       
      &lt;label for = "etl"&gt;etl:&lt;/label&gt;
       &lt;select id="etl" style="display:inline" name = "etl"&gt;
          &lt;option selected="selected" value="0"&gt;0&lt;/option&gt;
          &lt;option  value="1"&gt;1&lt;/option&gt;
          &lt;option  value="2"&gt;2&lt;/option&gt;
          &lt;option  value="3"&gt;3&lt;/option&gt;
          &lt;option  value="4"&gt;4&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;div id="hdm-div" style="white-space:nowrap; display:inline"&gt;       
      &lt;label for = "hdm"&gt;hdm:&lt;/label&gt;
       &lt;select id="hdm" style="display:inline" name = "hdm"&gt;
          &lt;option selected="selected" value="0"&gt;0&lt;/option&gt;
          &lt;option  value="1"&gt;1&lt;/option&gt;
          &lt;option  value="2"&gt;2&lt;/option&gt;
          &lt;option  value="3"&gt;3&lt;/option&gt;
          &lt;option  value="4"&gt;4&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;&lt;strong&gt;
  
  .........other two are just the same....
  
  &lt;/form&gt;
  &lt;/html&gt;&lt;/strong&gt;
  </code></pre>
  
  <p>and here is the css file for form_admin</p>
  
  <pre><code>form.form_admin {float: left; clear: left; margin: 2em 0 0 0}
  .form_admin fieldset {float: left; width: auto; border: 1px solid &lt;?php echo $admin_table_border_color ?&gt;; padding: 1em}
  .form_admin legend {font-size: small}
  .form_admin div {float:left; clear:left;}
  .form_admin label {
      display: block; float: left; clear: left;
      width: &lt;?php echo $admin_form_label_width ?&gt;em; min-height: 2.0em; text-align: right;
  }
  .form_admin input {
      display: block; float: left; clear: right;
  &lt;/strong&gt;    width: &lt;?php echo $admin_form_input_width ?&gt;em;
      margin-top: -0.2em; margin-left: &lt;?php echo $admin_form_gap ?&gt;em;
      font-family: &lt;?php echo $standard_font_family ?&gt;; font-size: small;
  }
  .form_admin select {
      display: block; float: left; clear:right; margin-left: 1.0em;
  }
  
  .form_admin input.submit {
      width: auto; margin-top: 1.2em; margin-left: &lt;?php echo number_format(($admin_form_gap + $admin_form_label_width), 1, '.', '')?&gt;em
  }
  </code></pre>