title: Align an ionic button at the bottom right of a div
body: <p>I'd like to place an ionic button at the bottom right of a div. But it doesn't work as I expected. Here is the screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/MBq8m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MBq8m.png" alt="enter image description here"></a></p>
  
  <p>My html:</p>
  
  <p>
      
        Ionic Blank Starter
      
      </p>
  
  <pre><code>  &lt;ion-slide-box&gt;
      &lt;ion-slide ng-repeat="image in images"&gt;
        &lt;div class="slider-container"&gt;
          &lt;img ng-src="{{image.src}}" style="width:100%;height:auto;margin:0;display:block" &gt;
          &lt;button class="bottom-right button button-positive icon-left ion-home"&gt;Home&lt;/button&gt;
        &lt;/div&gt;
      &lt;/ion-slide&gt;
    &lt;/ion-slide-box&gt;
  </code></pre>
  
  <p>The css: </p>
  
  <pre><code>  .slider-container {
      margin: 0;
      padding:0;
      position:relative;
    }
  
    .bottom-right {
      position:absolute;
      bottom: 0;
      right: 0;
    }
  </code></pre>
  
  <p>Can anybody help? Thanks.</p>