title: CSS form with side by side fields...how to align the labels and fields vertically?
body: <p>completely frustrated here with something that is probably so simple. I have a form and want the Zip and Zip+4 fields to be on the same line. For some reason nothing is lining up the way I've done it. I've spent the last 6 hours searching the web and trying various things (this latest was from this site) and nothing works. Can someone help me please? Thanks!
  Here is my code:</p>
  
  <pre><code>&lt;form&gt;
  &lt;div style="float:left;"&gt; 
    &lt;label for "StrAddress"&gt;Street Address *&lt;/label&gt;
  &lt;input name="StrAddress" type="text" style="width:200px"  id="StrAddress"  /&gt;
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="float:left;"&gt;
  &lt;label for "StrSecondaryAddress"&gt;Suite, P.O. Box, Apt, Lot&lt;/label&gt;
  &lt;input name="StrSecondaryAddress" type="text" style="width:200px"  id="StrSecondaryAddress"  /&gt;
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="float:left;"&gt;
  &lt;label for "StrCity"&gt;City *&lt;/label&gt;
  &lt;input name="StrCity" type="text" class="autosuggestinput"  style="width:200px"  id="StrCity"  /&gt;
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="float:left;"&gt;
  &lt;label for "subject"&gt;State&lt;/label&gt;
  &lt;input type="text" class="input_text" name="subject" id="subject"/&gt;
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="display: inline;;"&gt;
  &lt;label for "IntZip5"&gt;Zip *&lt;/label&gt;
  &lt;input name="IntZip5" type="text" style="width:100px"  id="IntZip5"  /&gt;
  
  
  &lt;label for "IntZip4"&gt;Zip+4&lt;/label&gt;
  &lt;input type="text" name="IntZip4" id="IntZip4" style="width:50px"&gt;
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;div style="float:left;"&gt;
  &lt;label for "IntAmount"&gt;Taxable Amount&lt;/label&gt;
  &lt;input type="text" name="IntAmount" id="IntAmount" style="width:150px"&gt;
  
  &lt;/div&gt;
  &lt;div style="clear:both;"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;input type="button" class="button" value="Submit Form" /&gt;
  
  
  &lt;/form&gt;
  </code></pre>