title: How to align the textbox's for a editor for in mvc razor?
body: <p>I have razor EditorFor&lt;> creating some textbox's for me but the alignment is terrible and i cant come right will straightening it up.</p>
  
  <p><img src="https://i.stack.imgur.com/Q8gL0.png" alt="enter image description here"></p>
  
  <p>How would i align all the textboxs to start the same distance from the text?</p>
  
  <p>View:</p>
  
  <pre><code>&lt;div style="float: left; width: 50%;"&gt;
  
      @Html.LabelFor(m =&gt; m.Date)
      @Html.EditorFor(m =&gt; m.Date)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.QuoteNumber)
      @Html.EditorFor(m =&gt; m.QuoteNumber)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.ClaimNumber)
      @Html.EditorFor(m =&gt; m.ClaimNumber)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.MotorBodyRepairer)
      @Html.EditorFor(m =&gt; m.MotorBodyRepairer)
      &lt;br/&gt;
  
  &lt;/div&gt;
      &lt;div style="float: right; width: 50%;"&gt;
  
      @Html.LabelFor(m =&gt; m.VehicleRegistration)
      @Html.EditorFor(m =&gt; m.VehicleRegistration)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.VehicleMake)
      @Html.EditorFor(m =&gt; m.VehicleMake)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.VehicleRange)
      @Html.EditorFor(m =&gt; m.VehicleRange)
      &lt;br/&gt;
      @Html.LabelFor(m =&gt; m.VehicleModel)
      @Html.EditorFor(m =&gt; m.VehicleModel)
      &lt;br/&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Model:</p>
  
  <pre><code>namespace SpendDirect.WebUI.Models.ViewModels
  {
      public class APNewQuoteViewModel
      {
          [Display(Name = "Date")]
          public DateTime Date { get; set; }
  
          [Display(Name = "Quote Number")]
          public string QuoteNumber { get; set; }
  
          [Display(Name = "Claim Number")]
          public string ClaimNumber { get; set; }
  
          [Display(Name = "Motor Body Repairer")]
          public string MotorBodyRepairer { get; set; }
  
          [Display(Name = "Vehicle Registration")]
          public string VehicleRegistration { get; set; }
  
          [Display(Name = "Vehicle Make")]
          public string VehicleMake { get; set; }
  
          [Display(Name = "Vehicle Range")]
          public string VehicleRange { get; set; }
  
          [Display(Name = "Vehicle year Model")]
          public string VehicleModel { get; set; }
  
      }
  }
  </code></pre>