Hola pues tengo este codigo y no consigo centra los links (poner el texto en el centro), a ver si alguien me puede ayudar un poco! gracias :)
index.html:
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="red">
<div id="slatenav">
<ul>
<li><a href="aaa" title="css menus" class="current">Home</a></li>
<li><a href="aaa" title="css menus">About Us</a></li>
<li><a href="aaa" title="css menus">Services</a></li>
<li><a href="aaa" title="css menus">Our Work</a></li>
<li><a href="aaa" title="css menus">Contact Us</a></li>
</ul>
</div>
</div>
</body>
</html>
css:
.red #slatenav{
position:relative;
display:block;height:42px;
font-size:11px;
font-weight:bold;
background:transparent url(images/redslate_background.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
}
.red #slatenav ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
.red #slatenav ul li{
display:block;
float:left;
margin:0 1px 0 0;
}
.red #slatenav ul li a{
display:block;
float:left;
color:#FECCC3;
text-decoration:none;
padding:14px 22px 0 22px;
height:28px;
}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{
color:#fff;
background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;
}
Si saco los float:left se me ponen en una lista vertical...
Muchas Gracias!