[Ovillo] Centrar li's dentro de ul.

Sab Mar 17 21:45:33 UTC 2007

Hola

prueba esto en un archivo aparte,
le di bordes y colores de fondo horribles :P para que veas donde queda cada
area:

<html>
<head>
<style>

#navigation {
display: block;
width: 600px;
height: 65px;
margin: 0 auto;
background-color: grey;
border: 3px solid red;
}

#navigation ul, #navigation ul li {
list-style: none;
padding: 0;
}

#navigation ul {
display: block;
width: 432px;
height: 65px;
margin: 0 auto;
background-color: green;
border: 3px solid blue;
}

#navigation ul li {
float: left;
}

#navigation ul li a {
display: block;
width: 70px;
height: 50px;
background-color: #BB4527;
border: 1px solid black;
}

</style>
</head>

<body>
<div id="navigation">
       <ul>
               <li><a href="index.php">Home</a></li>
               <li><a href="index.php?accion=agregar">News</a></li>
               <li><a href="index.php?accion=reportes">Gallery</a></li>
               <li><a href="index.php?accion=busqueda">Mailing List</a></li>
               <li><a href="index.php?accion=busqueda">Add Admin</a></li>
               <li><a href="index.php?action=logout">Logout</a></li>
       </ul>
</div>
</body>
</html>

aki te dejo una captura de la pantalla de cómo queda.
http://incenit.net/pruebas/ul_centrado.jpg