HI,
You can give more space between word or colonm "|" by declaring "Non Breakable Space"
Just try below code:
<thml>
<head>
<title>Horizontle Space & Link Colors </title>
</head>
<body>
<font size="4" font color="Red"><a href="#" ><font color="Green">Home</font></a> | <a href="#"><font color="Green">Service</font> </a> |   <a href="#"><font color="Green">Contact</font></a> |   <a href="#"><font color="Green">About Us</font></a></font>
</body>
</html>
Here asign value for non breakable space,
And i also provided hoplink color & text size, by declaring <Font size="4" font color="Red">
then now all font size will be "4" and color will be "Red"
for link color, have to declare separately inside of our link tag.
you can declare hexa decimal values for color (i e for red #FF0000 )
then if you want to give some more space between colonm, put again..
just check this,
I hope it will be solve your both of question..
have a nice time...!! :)
