Hola amigos, alguien me podria ayudar? tengo dificultades a la hora de hacer un menú con imágenes y letras en el mismo <li>. Lo que intento hacer es lo mismo que hariamos con una tabla, y de esta forma no consigo que las letras queden bien centradas con la imagen cuando se trata de un texto demasiado largo.
Mi pregunta es, con estilos css es posible hacerlo? Y si es así aquí cuelgo el codigo para saber donde me equivoco.
Gracias.
Codigo CSS:
<style>
.menu{
list-style:none;}
.menu ul{
list-style:none;}
.menu ul li{
list-style:none;}
.list{width:170px;}
.float{float:left;}
</style>
</head>
<body>
<div class="list pdt15">
<ul class="menu">
<li><img src="imagen.jpg" align="absmiddle" /><a href="http://">Mesas de comedor</a></li>
<li><img src="imagen.jpg" align="absmiddle"/><a href="http://">Tableros y patas</a></li>
<li><img src="imagen.jpg" align="absmiddle"/>Sillas de comedor comedor comedor</li>
<li style="vertical-align:middle;"><div class="float"><img src="imagen.jpg" /></div><div class="float">Taburetes y bancos</div></li>
</ul>
</div>
</body>