Make a navgation button go vertical instead of horizontal

Hi.

I have these codes I am using and I want it to go vertical (up and down) instead of horizontal. How do I do that? Also, how do I make lines go between each word?

Here is the code that I am using:

<table width="800" border="0" cellspacing="0" cellpadding="0" style="border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;" bordercolor="#FFFFFF" height="44" id="table6" bgcolor="#000000">
<tr>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../index.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Home</font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="99">
<div align="center">
<a href="../services/service.html"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
Services</font></a></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font color="#FFFFFF" size="2"><span style="font-family: Verdana">
<a href="../infor/infor.html"><font size="2" color="#FFFFFF">Information</font></a></span></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../tips/tip.html"><font color="#FFFFFF" size="2">Cleaning Tips</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../products/products.html"><font color="#FFFFFF" size="2">Products</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../testimonials/test.html"><font size="2" color="#FFFFFF">Testimonials</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="galleries.html"><font size="2" color="#FFFFFF">Gallery</font></a></font></div>
</td>
<td onmouseover="this.style.backgroundColor='#663300';" onmouseout="this.style.backgroundColor='#000000';" height="40" width="100">
<div align="center">
<font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">
<a href="../contacus/contact.html"><font size="2" color="#FFFFFF">Contact Us</font></a></font></div>
</td>
</tr>
</table>

Thank you so much