qzm · April 27, 2016 09:02 · qzm · Apr 27, 2016
diff --git a/horizontal-navigation-bar.html b/horizontal-navigation-bar.html
 <!DOCTYPE html>
 <html>
    <head>
        <style>
            ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #333;
            }

            li {
                float: left;
            }

            li a {
                display: block;
                color: white;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }
            li a:hover:not(.active) {
                background-color: #111;
            }

            .active {
                background-color: #4CAF50;
            }

        </style>
    </head>
    <body>

        <ul>
            <li>
                <a class="active" href="#home">Home</a>
            </li>
            <li>
                <a href="#news">News</a>
            </li>
            <li>
                <a href="#contact">Contact</a>
            </li>
            <li>
                <a href="#about">About</a>
            </li>
        </ul>

    </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<style>
	ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
	}

	li {
	float: left;
	}

	li a {
	display: block;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	}
	li a:hover:not(.active) {
	background-color: #111;
	}

	.active {
	background-color: #4CAF50;
	}

	</style>
	</head>
	<body>

	<ul>
	<li>
	<a class="active" href="#home">Home</a>
	</li>
	<li>
	<a href="#news">News</a>
	</li>
	<li>
	<a href="#contact">Contact</a>
	</li>
	<li>
	<a href="#about">About</a>
	</li>
	</ul>

	</body>
	</html>