title: Buttons not on same level with float and PartialView
body: <p>I have following two Buttons at the end of my view:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div class="Left"&gt;&lt;input type="submit" value="Test" class="button"/&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;
              @if (Model.Test != null)
              {
                  @Html.Partial("_BackButton", Model.Test)
              }
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt; 
  </code></pre>
  
  <p>_BackButton Partial View:</p>
  
  <pre><code>@model Test.Model.Shared.Test[]
  
  @if (this.Model != null &amp;&amp; this.Model.Length &gt; 1)
  {
      &lt;div class="Right"&gt;
          &lt;a href="@this.Model[this.Model.Length - 2].Url" class="button"&gt;@this.Model[this.Model.Length - 2].BackButtonLabel&lt;/a&gt;
      &lt;/div&gt;
  }
  </code></pre>
  
  <p>And her the two classes in the css file:</p>
  
  <pre><code>div.Left {
      padding-right: 20px;
      float: left;
      display: inline-block;
  }
  
  div.Right {
      float: right;
      display: inline-block;
  }
  </code></pre>
  
  <p>But unfortunately the two buttons are not on the same level:</p>
  
  <p><img src="https://i.stack.imgur.com/hcmYR.png" alt="enter image description here"></p>
  
  <p>Do I have a problem with the partial view here or is it the float attribute?
  How can I work around this problem, so the buttons appear in the same line?</p>