<ul> fun

<!DOCTYPE html>

<html>

    <head>

        <title>Training</title>

        <style>

        #first_list
        {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        li a
        {
            display: block;
            width: 60px;
            background-color: lightblue;
            padding: 8px 10px 10px;
            text-decoration: none;
            text-align: center;
        }

        li a:hover
        {
            background-color: yellow;
            color: black;
        }

        </style>
    </head>

        <body>

            <h3 style="font-family: helvetica;">Vertical Navigation Bar.</h3>

            <ul id="first_list">

                <li><a href = "#home">Home</a></li>
                <li><a href = "#News">Register</a></li>
                <li><a href = "#Contact">Contact</a></li>
                <li><a href="#About">About</a></li>

            </ul>

        </body>

</html>