CSS List

<head>
<title>
CSS Lists
</title>
<style type = "text/css">
body
{
    background-color: White;
    font-size: 20px;
    margin: 0pt;
}
h1
{
    halign: center;
}
#heading
{
    height: 100px;
    background-color: #006600;
    text-align: center;
    font-size: 45pt;
    font-weight: bold;
    font-style:italic;
    text-decoration:underline;
    margin-top: 1pt;
    padding: 1pt;
}
#left
{
    float: left;
    width: 20%;
    height: 75%;
    background-color: #336600;
    font-size: 15pt;
    padding: 10pt;
    color: white;
}
#right
{
    float: left;
    width: 65%;
    height: 75%;
    padding: 10pt;
    color: #33660;
}
#mymenu li
{
    list-style-type: none;
    width: 60mm;
    text-align: left;
    margin-left: 10mm;
}
#mymenu a
{
    text-decoration: none;
    color: white;
    display: block;
    border: 3px green outset;
    background-color: #006633;
}
#mymenu a:hover
{
    border: 10px green inset;
}
</style>
</head>

<body>

<p>
<!--Nothing here-->
</p>
<p> Using Lists in CSS</p>

<h3> Stuff We Know </h3>

<ul id = "mymenu">
    <li><a href = "a.html"> My First Link </a></li>
    <li><a href = "b.html"> My Second Link </a></li>
    <li><a href = "c.html"> My Third Link </a></li>
    <li><a href = "d.html"> My Fourth Link </a></li>
</ul>

</body>
</html>