Untitled

<!DOCTYPE HTML>
<HTML>
	<HEAD>
			<style>
				ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				}

				li {
				position: sticky;
				float: left;
				}

				li a {
				  display: block;
				  color: black;
				  text-align: center;
				  padding: 14px 30px;
				  text-decoration: none;
				}

				li a:hover:not(.active) {
				background-color: #ddd;
				}

				li a:hover {
				  background-color: #ddd;
				}

				.active {
				  background-color: red;
				}
			</style>
		<META HTTP-EQUIV = "Content-Type" CONTENT = "text/html;
		charset = utf-8">
		<TITLE>Training Website</TITLE>
	</HEAD>
<BODY STYLE = "background-color:#ffff99;">
	<H1 STYLE = "font-family:times new roman; color:red;" ALIGN = "center">LFC SHOP</H1>
	<HR>
	<ul>
		<li><a href="home.html">Home</a></li>
		<li><a class ="active"  href="shop.html">Shop</a></li>
		<li><a href="reg.html">Register</a></li>
		<li style="float:right"><a href="contact.html">Contact</a></li>
	</ul>


</BODY>
</HTML>