title: Place two buttons side by side in the bottom right corner of a div
body: <p>I have two buttons which I want to place side by side in the lower right corner of the div container.
  I tried it like this but the buttons are on the exact same position, so I can only see one of them.</p>
  
  <p>My css code for the button and for the div container:</p>
  
  <pre><code>.buttonRight{
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  margin-left: -10px;
  margin-right: 4px;
  margin-bottom: 4px;
  }
  
  .box{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 10px;
  width: 75%;
  position: relative;
  left: 0;
  top: 0;
  height: 60%;
  background-color: rgb(204, 38, 38);
  border: 2px solid black
  }
  
  
      &lt;table&gt;
    &lt;tr&gt;
      &lt;th&gt;Name&lt;/th&gt;
      &lt;th&gt;Preis&lt;/th&gt;
      &lt;th&gt;Link&lt;/th&gt;
    &lt;/tr&gt;
    {{#each items}}
    &lt;tr&gt;
      &lt;td&gt;{{this.name}}&lt;/td&gt;
      &lt;td&gt;{{this.price}}&lt;/td&gt;
      &lt;td&gt;&lt;a href="{{this.link}}"&gt;{{this.name}}&lt;/a&gt;&lt;/td&gt;
    &lt;/tr&gt;
    {{/each}}
  &lt;/table&gt;
  &lt;a href="add"&gt;&lt;button class="buttonRight"&gt;Add&lt;/button&gt;&lt;/a&gt;
  &lt;a href="remove"&gt;&lt;button class="buttonRight"&gt;Remove&lt;/button&gt;&lt;/a&gt;
  </code></pre>