1. W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
www.FullSail.edu Ads by Google
Edit and Click Me >>
<html>
<head>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a
{
display:block;
width:60px;
background-color:#dddddd;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p>A background color is added to the links to show the
Your Result:
A background color is added to the links to show the link area.
Notice that the whole link area is clickable, not just the text.
Home
News
Contact
About
Edit the code above and click to see the result. W3Schools.com - Try it yourself
Page 1 of 1Tryit Editor v1.4
9/28/2010http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical