Menu horizontal html sederhana

CSS dan Html bikin pake notepad.

<style>

/*menu horizontal*/
#menuh {

background: #607582;
   background: -webkit-gradient(linear, left top, left bottom, from(#dae3e8), to(#607582));
   background: -webkit-linear-gradient(top, #dae3e8, #607582);
   background: -moz-linear-gradient(top, #dae3e8, #607582);
   background: -ms-linear-gradient(top, #dae3e8, #607582);
   background: -o-linear-gradient(top, #dae3e8, #607582);


width:100%;
height:40px;
border-width:1px ;
border-style:ridge;
border-color:#666;
border-radius:0px; -moz-border-radius:8px;-webkit-border-radius:8px;
}
#menuh li {
border-width:1px ;
border-top-style:ridge;
border-left-style:ridge;
border-right-style:ridge;
border-color:#cccccc; padding-left:20px;padding-right:20px;
border-radius:0px; -moz-border-radius:5px;-webkit-border-radius:5px;
display:inline;}

#menuh a{color:#000000;
text-decoration:none;
}
#menuh a:hover{text-decoration:underline;}

#menuh li:hover{
}
#menuh ul{
list-style-type:none;
float:left;
padding:5px;
margin:0px;
}

</style>

<div id='menuh' style="font-family:monotype corsiva; font-style:bold; font-size:20px">
<ul>
<li><a href="main.php">Home</a></li>
<li><a href="inputpart.php">Input Part</a></li>
<ul>
</div>

--------------

• Home
• Input Part

.
jadinya kaya di atas, selamat mencoba