I wish i knew more HTML

For a long while now, i have had some hyperlinked text at the top of my page named Link1 Link2 Link3 Link4

I first made them hyper link to various search engines, this was just a way of testing that it was possible to have hyperlink able text at the top of my page

I next went on to make them link to pages of my blog that i have back dated

Today i final decided to full integrate them into my blog by giving them the appropriate titles, however I have come across a problem

THEY ARE NOT SPACED OUT ENOUGH, and therefore are are totally unreadable, thus rendering them useless!

I was at one point using this piece of HTML code & n b s p ; which acts as a tab, however this leave and unsightly line between the words ( i still have it attached to "Link 4" at the top as a demo, go hover your mouse curse over "Link 4" to see what i mean)

I should imagine it is achievable to have these links spaced maybe by the way of using cell spacing or some kind of table

While writing this post I have now discovered the HTML code < p r e> < / p r e > which allows for pre formated text "Link 4" no longer has & n b s p ; attached to it so you can not demo it,

However as you can see now the font has gone wrong

This blog post is a plea for any HTML geniuses to help me out, if you know how have the links at the top spaced out, with ordinary text formating them please drop me a comment on this post

if this helps this is the HTML code that they use

<pre>



<center><h3><a href="http://lukeb3000.blogspot.com/2005/01/contact-me.html"><span style="color:teal;">Contact Me</span></a> <a href="http://lukeb3000.blogspot.com/2005/01/work-with-me.html"><span style="color:teal;">Work With Me</span></a> <a href="http://lukeb3000.blogspot.com/2005/01/hire-me.html"><span style="color:teal;">Hire Me</span></a> <a href="http://www.google.com/"><span style="color:lime;">Link 4</span></a>

</h3></center>





</pre>