title: CSS - Align text boxes one below another
body: <p>I have the HTML code below. I am trying to align the text boxes so they line up one below the other. I have the CSS below that. Not successful. Note that the .Label and .TextBoxFor merely create and Label and Text box. </p>
  
  <pre><code>   &lt;div style="text-align: left; width: 1000px"&gt; 
      &lt;fieldset&gt;
       &lt;legend&gt;Information&lt;/legend&gt;
        &lt;div class="form-element-row"&gt;    
         @Html.Label("Collector")
         @Html.TextBoxFor(model =&gt; model.Collector)
        &lt;/div&gt;
        &lt;div style="clear:both"&gt;&lt;/div&gt;
        &lt;div class="form-element-row"&gt;
         @Html.Label("Email")
         @Html.TextBoxFor(model =&gt; model.Email)
        &lt;/div&gt;
      &lt;/fieldset&gt;
  </code></pre>
  
  <p>Here is the css</p>
  
  <pre><code> .form-element-row
   {
      float: left;
   }
  
   .form-element-row label
   {
      margin: 0px;
      min-width: 400px;
   }
  
  .form-element-row input
  {
    margin: 0px;
    width: 500px;
  }
  </code></pre>