Live Code Editor Version 2.0

css-navigation-ver-ex6 RUN

<!DOCTYPE html>
<html>
	<head>
		<style>
			ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			li a {
				display: block;
				padding: 8px 16px;
				text-decoration: none;
				color: black;
			}
			ul{
				border: 1px solid #e0dede;
				width: 200px;
				padding: 3px;
			}
			li {
				border-bottom: 1px solid #e0dede;
			}
			li:last-child {
				border-bottom: none;
			}
			a:hover {
				color: Orange;
			}
			.active {
				color: Orange;
			}
		</style>
	</head>
	<body>
		<ul>
			<li><a href="https://freetuts.net/tim-hieu-ve-font-trong-css-1639.html">CSS Fonts (6)</a></li>
			<li><a href="https://freetuts.net/cac-thuoc-tinh-css-dinh-dang-text-348.html">CSS Text (7)</a></li>
			<li><a href="https://freetuts.net/cac-thuoc-tinh-css-dinh-dang-the-a-links-349.html">CSS Links (8)</a></li>
			<li><a href="https://freetuts.net/tim-hieu-ve-border-trong-css-1629.html">CSS Borders (9)</a></li>
			<li><a class="active" href="https://freetuts.net/thuoc-tinh-float-left-right-none-trong-css-438.html">CSS Float (10)</a></li>
			<li><a href="https://freetuts.net/thuoc-tinh-display-trong-css-inline-block-none-439.html">CSS Display (11)</a></li>
		</ul>
	</body>
</html>