Hola todos, tengo el siguiente menu
Código HTML:
<div id="menu">
<ul>
<li><p class="left"><a id="a" href="./a.php">Insertar datos de paciente</a></p></li>
<li><p class="left"><a id="b" href="./b.php">Consultas </a></p> </li>
<li><p class="left"><a id="c" href="./c.php">Reportes </a></p> </li>
</ul>
</div>
este es mi css
Código:
#menu {
margin: 0 ;
clear:both;
padding:10px;
}
#menu a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:200px;
height:33px;
margin: 50px 20px 0 90px ;
float:left;
}
#a { padding: 0 0 2em 5em ;background-image: url(../imagenes/a.png) }
#b { padding: 0 0 2em 5em ;background-image: url(../imagenes/b.png) }
#c { padding: 0 0 2em 5em ;background-image: url(../imagenes/c.png) }
Como hago para que salgan los tres links de forma horizontal con su texto respectivo abajo de la imagen...muchas gracias por su ayuda.