<Head><Metahttp-equiv= "Content-type"content= "text/html; charset=gb2312" /><title>Horizontal navigation menu (DIV+CSS)</title><styletype= "Text/css">Body{background:#FFF;font-family:Arial, Helvetica, Sans-serif;Color:#666666;padding:0px;margin:5px;text-align:Center;font-size:12px;}#nav{Height:44px;width:425px;background:#FFF;margin:10px Auto;}. VLine{background:#999;width:1px;Height:20px;}#nav ul{margin:0px;padding:0px;List-style-type:None;}#nav Li{float: Left;font-family:Arial;Font-weight:Bold;font-size:12px;text-align:Center;}#nav Li a{Display:Block;width:84px;Line-height:28px;Color:#666;text-decoration:None;Border-top:4px Solid #0F35A5;}#nav li A:hover{Color:#7C8DD9;Border-top:4px Solid #7C8DD9;}</style></Head><Body><DivID= "NAV"><ul><Li><ahref= "Http://www.js323.com">Product introduction</a></Li><Liclass= "VLine"></Li><Li><ahref= "Http://www.sjzlixing.com"> Shijiazhuang Development</a></Li><Liclass= "VLine"></Li><Li><ahref="#">Contact Us</a></Li><Liclass= "VLine"></Li><Li><ahref="#">News Center</a></Li><Liclass= "VLine"></Li><Li><ahref="#">Company Profile</a></Li><Liclass= "VLine"></Li></ul></Div></Body></HTML>
Microsoft-style CSS Landscape menu