This is for Horizontal Menu.

This part is for Horizontal Menu using CSS.

The below one will come under the Head Tag.
<br /><br /><style type="text/css"><br />ul<br />{<br />float:left;<br />width:100%;<br />padding:0;<br />margin:0;<br />list-style-type:none;<br />}<br />a<br />{<br />float:left;<br />width:6em;<br />text-decoration:none;<br />color:white;<br />background-color:purple;<br />padding:0.2em 0.6em;<br />border-right:1px solid white;<br />}<br />a:hover {background-color:#ff3300}<br />li {display:inline}<br /></style><br />

The below one will come under Body Tag.

<br /><br /><ul><br /><li><a href="#">Link one</a></li><br /><li><a href="#">Link two</a></li><br /><li><a href="#">Link three</a></li><br /><li><a href="#">Link four</a></li><br /></ul><br /><br /><p><br />In the example above, we let the ul element and the a element float to the left.<br />The li elements will be displayed as inline elements (no line break before or after the element). This forces the list to be on one line.<br />The ul element has a width of 100% and each hyperlink in the list has a width of 6em (6 times the size of the current font).<br />We add some colors and borders to make it more fancy.<br /></p><br /><br />

This code was taken from http://www.w3schools.com/css/tryit.asp?filename=trycss_float5