title: Line two divs side by side inside a fieldset
body: <p>I am trying to place these two divs side by side with each other but no matter what attempt I make, even if it's worked on another page, I get a results that looks like this: </p>
  
  <p><img src="https://i.stack.imgur.com/5mHcT.png" alt="enter image description here"></p>
  
  <p>Here's the HTML (It's an MVC site so I'm using Razor): </p>
  
  <pre><code>&lt;fieldset id="AgentTypeFields" style="width: 400px;" &gt;
      &lt;legend&gt;Producer Info&lt;/legend&gt;
      &lt;div id="BasicsContainer" style="clear:both;"&gt;
          &lt;div id="BasicsLeft" style="float: left;"&gt;
              &lt;div class="M-editor-label" &gt;
                  @Html.LabelFor(model =&gt; model.ReferenceNumberType)
              &lt;/div&gt;   
  
              &lt;div class="M-editor-label"&gt;
                  @Html.LabelFor(model =&gt; model.FormattedReferenceNumber)
              &lt;/div&gt;  
  
              &lt;div class="M-editor-label"&gt;
                  @Html.LabelFor(model =&gt; model.ProducerType)&lt;span class="req"&gt;*&lt;/span&gt;
              &lt;/div&gt; 
  
              &lt;div class="M-editor-label"&gt;
                  @Html.LabelFor(model =&gt; model.EffectiveDate)&lt;span class="req"&gt;*&lt;/span&gt;
              &lt;/div&gt; 
  
              &lt;div class="M-editor-label"&gt;
                  @Html.LabelFor(model =&gt; model.JIT)&amp;nbsp;
                  @Html.CheckBoxFor(x =&gt; x.JIT)                        
              &lt;/div&gt;
  
              &lt;span id="ExternalRepId"&gt;
                  &lt;div class="M-editor-label"&gt;
                      @Html.LabelFor(model =&gt; model.ExtRepID)
                  &lt;/div&gt;
              &lt;/span&gt;                                                                                             
          &lt;/div&gt;
          &lt;div id="BasicsRight" style="float:right;"&gt;
  
              &lt;div class="M-editor-field" style="margin-right: 120px;" &gt;
                  @Html.RadioButtonFor(model =&gt; model.ReferenceNumberType, "S") SSN
                  @Html.RadioButtonFor(model =&gt; model.ReferenceNumberType, "E") EIN                    
              &lt;/div&gt;    
  
              &lt;div class="M-editor-field" id="refNumber" style="margin-right:138px;"&gt;
                  @if (ViewBag.FullSSN)
                  {
                      @Html.DisplayFor(model =&gt; model.FormattedReferenceNumber)
                  }
                  else
                  {
                      @Html.Raw("xxx-xx-")@Html.DisplayFor(model =&gt; model.displayLastFour)
                  }                     
              &lt;/div&gt; 
  
              &lt;div class="M-editor-field" style="margin-right:82px;"&gt;
                  @Html.DropDownListFor(x =&gt; x.ProducerType, (SelectList)ViewBag.ProducerChoices, new { id = "drpProducerType" })
              &lt;/div&gt;   
  
              &lt;div class="M-editor-field"&gt;          
                  @Html.TextBoxFor(model =&gt; model.EffectiveDate, new { maxlength = 10 })
                  @Html.ValidationMessageFor(model =&gt; model.EffectiveDate)
              &lt;/div&gt;
  
              &lt;div class="M-editor-field"&gt;
                  @Html.LabelFor(model =&gt; model.HoldBool)
                  @Html.CheckBoxFor(x =&gt; x.HoldBool)
              &lt;/div&gt;
  
              &lt;span id="ExternalRepId"&gt;
                  &lt;div class="M-editor-field"&gt;
                      @Html.TextBoxFor(model =&gt; model.ExtRepID, new { maxlength = 40 })
                  &lt;/div&gt;                         
              &lt;/span&gt;                                                                                            
          &lt;/div&gt;                    
      &lt;/div&gt;
  
  &lt;/fieldset&gt;
  </code></pre>