Hola,
Resulta que quiero hacer un sencillo menú horizontal como he visto en un tutorial por ahí. En ese ejemplo, he visto que el menú lleva un float: left para ponerlo a la izquierda, pero yo lo quiero centrado, propiedad que no admite el float. Aquí podríamos decir "pues si no lo quieres a la izquierda, quítale el float". El problema está en que, al quitarle el float, me sale centrado, pero me separa las opciones del menú y eso no me gusta (es un antojo de diseño)
Para que veáis lo que digo, probad este código con la línea del float y sin ella.
Código PHP:
<html>
<head>
<title>Menú</title>
<style type="text/css">
a {
float: left;
width: 7em;
text-decoration: none;
font-weight: bold;
color: white;
background-color: purple;
padding: 0.2em 0.6em;
border-right: 1px solid white;
}
a:hover {
background-color: #A52218;
}
</style>
</head>
<body>
<div align="center">
<a href="">Inicio</a>
<a href="">Introduccion</a>
<a href="">Botones</a>
<a href="">Ejemplo</a>
<a href="">Acerca de...</a>
</div>
</body>
</html>
La pregunta es evidente:
¿Cómo puedo dejar los recuadros pegados y centrados?
Un saludo y muchas gracias
