Q:

HTML Tables: Spacing Hyperlinks

I'm in need of assistance, I'm stuck on the most trivial thing! My class assignment is to make a website, I've got the basic layout on my template done, but am stuck on hyperlink tables.
I can't get the hyperlinks to have a gap between each table setting! Instead the outcome is all the words (spaced), but all the spaces are underlined!
(Note words are underlined) Kinda_Like_This
This is my code:
    <style type="text/css">
    table {position:relative; top:15px;left:15px; letter-spacing:5px;}
bottomTable {position:relative; top:100px;left:16px;}

<table>
    <td><a href="http://www.foxnews.com">  Foxnews </a></td>
<td><a href="http://www.pbs.org">PBS </a></td>
<td><a href="http://www.bing.com"> Bing </a></td>
<td><a href="http://www.google.com"> Google </a></td>
<td><a href="http://www.blogger.com"> Blogger </a></td>

I've been trying it at http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-image. Any advice on what I'm doing wrong?

A:

You have to use the padding instead of letter-spacing and you didn't end the style tag properly
Demo
css
table {        
    top:15px;
    left:15px;     
  }

td{
padding:10px;
}

HTML
<table>
    <td><a href="http://www.foxnews.com">  Foxnews </a></td>
    <td><a href="http://www.pbs.org">PBS </a></td>
    <td><a href="http://www.bing.com"> Bing </a></td>
    <td><a href="http://www.google.com"> Google </a></td>
    <td><a href="http://www.blogger.com"> Blogger </a></td>
</table>

