title: Aligning buttons in CSS/HTML in one line horizontally w/ text?
body: <p>I would like to know how could I align my buttons horizontally? On top of that I want to add text to those buttons. This is what I currently have.</p>
  
  <p>HTML body part:</p>
  
  <pre><code>&lt;body&gt; 
      &lt;div class="tile_div"&gt;
          &lt;table class="tile_table"&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/&gt; 
                      &lt;p class="tile_p"&gt;Button one&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/&gt; 
                      &lt;p class="tile_p"&gt;Button two&lt;/p&gt;
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;img class="tile_image" height="50px" width="100px" src="./images/button_left.png"/&gt; 
                      &lt;p class="tile_p"&gt;Button three&lt;/p&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.tile_image {
      float: left;
      margin: 0px;
  }
  
  .tile_image img {
      position:absolute;
  }
  
  .tile_p {
      text-align:center;
      position:relative;
  }
  </code></pre>
  
  <p>How it looks like:
  <a href="http://img580.imageshack.us/img580/8867/uo7i.png" rel="nofollow noreferrer">http://img580.imageshack.us/img580/8867/uo7i.png</a></p>
  
  <p>I want the text to be in the middle of the buttons not below them.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>Alright so when I use
  <code>src="./images/button_left.png"</code> the image looks they way it should look:</p>
  
  <pre class="lang-html prettyprint-override"><code>http://img580.imageshack.us/img580/8867/uo7i.png
  </code></pre>
  
  <p>But when ever I use background-image
  This happens:
  <a href="http://img580.imageshack.us/img580/6127/yz4.png" rel="nofollow noreferrer">http://img580.imageshack.us/img580/6127/yz4.png</a></p>