title: putting two divs next to each other (labels making some troubles)
body: <p>I am trying to put 2 divs next to each other but the labels are messing things up..
  also I was having trouble to put the INPUT in the same line with the label.</p>
  
  <p>this is my HTML code:</p>
  
  <pre><code>&lt;div class="edit_settings"&gt;
                  &lt;div class="edit_iphone_settings"&gt;
                      &lt;div class="title"&gt;IPhone Settings&lt;/div&gt;
                      &lt;form action="" method="post" accept-charset="utf-8"&gt;&lt;label for="label"&gt;Last Application Version: &lt;/label&gt;
          &lt;input type="text" name="last_app_ver" value="2"&gt;&lt;label for="label"&gt;Update Status: &lt;/label&gt;
          &lt;select name="must_update"&gt;
          &lt;option value="0"&gt;Ignore&lt;/option&gt;
          &lt;option value="1"&gt;Force update&lt;/option&gt;
          &lt;option value="2" selected="selected"&gt;Suggest for update&lt;/option&gt;
          &lt;/select&gt;&lt;label for="label"&gt;Update Message: &lt;/label&gt;
          &lt;input type="text" name="message" value="Message"&gt;&lt;label for="label"&gt;Application URL: &lt;/label&gt;
          &lt;input type="text" name="redirect_url" value=""&gt;&lt;input type="hidden" name="settings" value="iphone_application"&gt;
          &lt;input type="submit" name="edit_iphone_settings" value="Edit"&gt;&lt;/form&gt;       &lt;/div&gt;
                  &lt;div class="edit_android_settings"&gt;
                      &lt;div class="title"&gt;Android Settings&lt;/div&gt;
                      &lt;form action="" method="post" accept-charset="utf-8"&gt;&lt;label for="label"&gt;Last Application Version: &lt;/label&gt;
          &lt;input type="text" name="last_app_ver" value="2.07"&gt;&lt;label for="label"&gt;Update Status: &lt;/label&gt;
          &lt;select name="must_update"&gt;
          &lt;option value="0"&gt;Ignore&lt;/option&gt;
          &lt;option value="1"&gt;Force update&lt;/option&gt;
          &lt;option value="2" selected="selected"&gt;Suggest for update&lt;/option&gt;
          &lt;/select&gt;&lt;label for="label"&gt;Update Message: &lt;/label&gt;
          &lt;input type="text" name="message" value="Message"&gt;&lt;label for="label"&gt;Application URL: &lt;/label&gt;
          &lt;input type="text" name="redirect_url" value=""&gt;&lt;input type="hidden" name="settings" value="android_application"&gt;
          &lt;input type="submit" name="edit_android_settings" value="Edit"&gt;&lt;/form&gt;      &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>this is my CSS:</p>
  
  <pre><code>.edit_iphone_settings, .edit_android_settings {
      width: 300px;
  }
  .edit_settings label {
      display: inline-block;
      clear:both;
      width: 200px; 
  }
  .edit_settings input {
      float: left;
  }
  .edit_android_settings {
      clear: both;
  }
  </code></pre>