Html assessment

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
	ul{
    	list-style-type:none;
        margin:0;
        padding:0;
        overflow:hidden;
        background-color:#330;
    }
    li{
    	display:inline;
        color:white;
        text-align:center;
        padding:14px 16px;
        text-decoration:none;

        }
    li a:hover{
    	background-color:#111;
        }
	#p1{
    background-color : white;
    height:100px
    }
    #p2{
    background-color : grey;
    height:120px
    }
    #p3{
    background-color : white;
    height:200px
    }
    #p4{
    background-color : grey;
    height:100px
    }
</style>
</head>
<body>
<ul>
	<li a href="#">Home
    </li>
    <li a href="#">Product
    </li>
    <li a href="#">Contact
    </li>
    <li a href="#">About
    </li>
</ul>
<div id="p1">
</div>
<div id="p2">
</div>
<div id="p3">
</div>
<div id="p4">
</div>

</body>
</html>