Copy to clipboard

Source code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<style>
		/*-------------------------------------------------------------------------------------------------------------*/
/*Horizontal menu, without submenu*/
/*-------------------------------------------------------------------------------------------------------------*/

body {
	font-family: Trebuchet MS;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

.topmenu_bg {
	clear: both;
	overflow: hidden;
	height: 30px; /*menu height*/
}

.topmenu {
	width: 900px; /*menu length*/
	margin: 0 auto;
	height: 30px; /*menu height*/
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	float: left;
	height: 30px; /*menu item height*/
	font-size: 13px;
	background-color: #fdd4a0; /*menu item background*/
	margin-right: 2px;
}

.menu li a {
	float: left;
	outline: none;
	height: 20px; /*menu item height without text indent*/
	padding: 5px 15px;
	text-decoration: none;
	color: #000; /*menu text main color*/
}

.menu li  a:hover {
	float: left;
	height: 20px;
	padding: 5px 15px 5px 10px;
	color: #ff7200; /*menu item color when mouse on*/
	border-left: 5px #f59446 solid;  /*active menu item line (on the left)*/
}

.topmenu .active {
	height: 80px;
}

.topmenu .active  a, .topmenu .active  a:hover {
	color: #c74d04; /*active menu item color*/
	cursor: text;
	padding: 5px 15px 5px 10px;
	border-left: 5px #c74d04 solid;/*active menu line (on the side left)*/
}

.topmenu .active  a:hover {
	cursor: text;
}

</style>
</head>
<body>
<div class="topmenu_bg">
	<div class="topmenu">
		<ul class="menu">
			<li><a href="#">Menu Item 1</a></li>
			<li class=" active"><a href="#">Menu Item 1</a></li>
			<li><a href="#">Menu Item 1</a></li>
			<li><a href="#">Menu Item 1</a></li>
			<li><a href="#">Menu Item 1</a></li>
		</ul>
	</div>
</div>
</body>
</html>