title: Bottom align after pull-right
body: <p>This is my code:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-4"&gt;
          &lt;h2&gt;Some header text&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div id="div1" class="col-xs-8"&gt;
          &lt;div class="pull-right"&gt;
              @using (Html.BeginForm("ChangePageSizeAction", "myController"))
              {
                  @Html.AntiForgeryToken()
                  &lt;small&gt;Page Size&lt;/small&gt;
                  @Html.DropDownList("pageSize", null, htmlAttributes: new { @class = "form-control", onchange = "this.form.submit();" })
              }
          &lt;/div&gt;
          &lt;div id="div2" class="pull-right" style="padding-right:10px"&gt;
              @Html.PagedListPager(Model, page =&gt; Url.Action("Index", new { page }),
                          new PagedListRenderOptions()
                          {
                              MaximumPageNumbersToDisplay = 3,
                              DisplayPageCountAndCurrentLocation = true,
                              PageCountAndCurrentLocationFormat = "Page {0} of {1}",
                          })
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the output:
  <img src="https://i.stack.imgur.com/QDHhZ.jpg" alt="enter image description here"></p>
  
  <p>I want to align the PagedListPager to bottom beside the DropDownList like this:
  <img src="https://i.stack.imgur.com/rplVT.jpg" alt="enter image description here"></p>
  
  <p>I tried to set <code>div1</code> style to <code>position:relative</code> and <code>div2</code> style to <code>position:absolute; bottom:0</code> but didn´t work.</p>