title: Buttons next to each other
body: <p>I have two buttons and I want to put them next to each other. How could I do it? Everytime a button is under the other. Here's the code:</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>&lt;style type="text/css"&gt;
  
  .button_example{
  border:1px solid #B7B7B7; 
  text-align: center; 
  color: #FFFFFF; 
  background-color: #D3D3D3;
  }
  
  .button_example:hover{
  border:1px solid #B7B7B7; 
  text-align: center; 
  color: #1f1f1f; 
  background-color: #ffffff;
  }
  &lt;/style&gt;&lt;/head&gt;
  </code></pre>
  
  <p>and the <strong>HTML</strong>:</p>
  
  <pre><code>&lt;div align="right"&gt;&lt;a href="http://www.theamazingmonth.pusku.com/rules.html"&gt;&lt;input type="button" class="button_example" value="Rules" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div align="right"&gt;&lt;a href="http://www.theamazingmonth.pusku.com/info.html"&gt;&lt;input type="button" class="button_example" value="Info" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance!</p>