Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/12/2011, 21:16
eybel
 
Fecha de Ingreso: marzo-2007
Mensajes: 782
Antigüedad: 17 años, 8 meses
Puntos: 16
alinear img con texto... "text-align: middle;" no funciona

La verdad que siempre con el mismo problema y esta vez no lo puedo solucionar:

Estoy creando un menu que tiene iconos a la izquiera. Pero no los puedo alinear al medio. uso un reset.css que pone el span a text-align:middle;

Probe poniendo cada uno en un "span" tag y no funciona. Probe poner el texto solo en "span" tag y no funciona. Y tambien probe sin span tag como en la 1er linea de "img" las demas las deje con span tags. Cual es la mejor manera? con span o sin span? y como soluciono esta alineacion. gracias

(ICONO)MEN1 (ICONO)MENU2 (ICONO)MENU3 (ICONO)MENU4

Código PHP:
 <div id="d_menu">
 
               <
img src="images/icons/messages.png" alt="messages" width="20" height="20" style="vertical-align:middle"Messages
               
<span id="s_menu"><img src="images/icons/profile.png" width="18" height="18" alt="profile">Profile</span>
               <
span id="s_menu"><img src="images/icons/notifications.png" width="18" height="18" alt="notifications">Notifications</span>
               <
span id="s_menu"><img src="images/icons/settings.png" width="18" height="18" alt="settings">Settings</span>
            
   </
div