HTML-PageMenu

<!DOCTYPE html>
<html>
    <head>
        <title>Menu</title>
        <link rel="stylesheet" type="text/css" href="styles-for-header-lab.css">
        <style>
            ul {
                list-style: none;
            }

            ul > li {
                display: inline-block;
                width: 200px;
                cursor: pointer;
            }

            ul > li:hover > ul {
                display: block;
            }

            ul > li > ul {
                position: absolute;
                display: none;
            }

            ul > li > ul > li {
                display: block;
                height: 50px;
                background-color: lightblue;
            }
        </style>
    </head>
    <body>
        <header>
            <ul>
                <li>Home</li>
                <li>List</li>
                <li>
                    Menu
                    <ul>
                        <li>Sub menu 1</li>
                        <li>
                        Sub menu 2
                        <ul>
                            <li>Sub sub menu 1</li>
                            <li>Sub sub menu 2</li>
                            <li>Sub sub menu 3</li>
                        </ul>
                        </li>
                        <li>Sub menu 3</li>
                    </ul>
                </li>
                <li>About</li>
                <li>Contact</li>
                <li>Address</li>
            </ul>
        </header>
    </body>
<html>