title: HTML space between buttons in table
body: <p>I have created a table which contains two buttons in each of the rows and both of the buttons are jointed together, I want to seperate both of the buttons. I have used &nbsp;&nbsp; which does does not work and css aswell, is their another way.</p>
  
  <p>I have another problem as I dont want to display the action buttons inside table border, but outside it near the table.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table style="border:2px solid white; cellpadding=10 cellspacing=0"&gt;
      &lt;tr style="background:#00B050;color:#fff;"&gt;
   
          &lt;th&gt;Name&lt;/th&gt;
          &lt;th&gt;Image&lt;/th&gt;
          &lt;th&gt;Description&lt;/th&gt;
          &lt;th&gt;Contact Renter&lt;/th&gt;
          &lt;th&gt;Rent price&lt;/th&gt;
    &lt;th&gt;Action&lt;/th&gt;
      &lt;/tr&gt;
  
  &lt;?php
      while($row = mysql_fetch_array($result)) {
  ?&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;?php echo $row['productname'];?&gt;&lt;/td&gt;
          &lt;td&gt;&lt;img src='./images/products/&lt;?php echo $row["productimage"];?&gt;' width='150' height='100' alt=''&gt;&lt;/td&gt;
          &lt;td&gt;&lt;?php echo $row['productdescription'];?&gt;&lt;/td&gt;
          &lt;td&gt;&lt;?php echo $row['rentersdetails'];?&gt;&lt;/td&gt;
          &lt;td&gt;&lt;?php echo $row['rentprice'];?&gt;&lt;/td&gt;
    &lt;td&gt;
       &lt;input class="button_normal" type="button" value="Find Renter" onclick="window.open('https://www.google.co.uk/maps/')"/&gt;
    &lt;input class="button_normal" type="button" value="Mail Renter" onclick="window.open('mailto:')"/&gt;
    &lt;/td&gt;   
      &lt;/tr&gt;
  &lt;?php</code></pre>
  </div>
  </div>
  </p>