Bara orizontala de meniu folosind css

Meniu construit folosind inline

<html>
<head>

<style type="text/css">
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-bottom:6px;
}
li {
	display:inline;
}
a:link,a:visited {
	font-weight:bold;
	font-size:17px;
	color:#FFFFFF;
	background-color:#d2691e;
	text-align:center;
	padding:6px;
    text-decoration:none;
}
a:hover,a:active {
	background-color:#daa520;
}

</style>
</head>

<body>
<ul>
	<li><a href="#">Acasa</a></li>
    <li><a href="#">Articole</a></li>
	<li><a href="#">RSS Feed</a></li>
	<li><a href="#">Contact</a></li>
</ul>

</body>
</html>

Back to tutorial

Meniu construit folosind float

<html>
<head>
<style type="text/css">
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
li {
	float:left;
}
a:link,a:visited {
	display:block;
	width:120px;
	font-weight:bold;
	font-size:17px;
	color:#FFFFFF;
	background-color:#d2691e;
	text-align:center;
    padding:4px;
	text-decoration:none;
}
a:hover,a:active {
	background-color:#daa520;
}

</style>
</head>

<body>
<ul>
    <li><a href="#">Acasa</a></li>
	<li><a href="#">Articole</a></li>
	<li><a href="#">RSS Feed</a></li>
	<li><a href="#">Contact</a></li>  
</ul>
</body>
</html>