title: How to make two buttons separate in a div?
body: <p>This is my code for the two buttons:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div clas="buttons"&gt;
  &lt;a class="btn1" href="#"&gt;Ture&lt;/a&gt;
  &lt;a class="btn2" href="#"&gt;False&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.btn1 {
  margin-bottom: 30px;
  margin-left: 150px;
  }
  .btn2 {
  margin-right: 150px;
  }
  </code></pre>
  
  <p>However, "the margin-bottom:30px" attribute simply doesn't work. It failed to position the button vertically. Even more weirdly, the "margin-right: 150px;" attribute doesn't work for my btn2, and the two buttons are still adjoin to each other. BTW, my div is large enough to have the two buttons positioned seperately.</p>