Como alinhar imagens e texto em um botão com CSS?

dnservices · 01/04/2014

Hola, la verdad es que estoy bastante verde en css, ¿como podría alinear la imagen con el texto de este botón?

CSSDesk - UNapn

¡Gracias!

Feddy · 01/04/2014

agregale a <img class="bicon">

HTML:

.bicon{ 
  float:left;
  margin-top:2px;
  margin-right:5px;
}

no es la mejor manera pero asi rapido funciona xD

lombervid · 01/04/2014

dnservices · 01/04/2014

lombervid disse:
CSSDesk - EVSva

Perfecto! Pero como puedo hacer para que se vea la imagen del carrito en blanco? Gracias por la ayuda compañeros

yashi · 01/04/2014

dnservices disse:
Perfecto! Pero como puedo hacer para que se vea la imagen del carrito en blanco? Gracias por la ayuda compañeros

La web te esta dando el codigo para que lo hagas

dnservices · 01/04/2014

yashi disse:
La web te esta dando el codigo para que lo hagas

Como puedes ver en la web el carrito no se ve en blanco, o tu lo ves en blanco?

saludos

lombervid · 01/04/2014

dnservices disse:
Como puedes ver en la web el carrito no se ve en blanco, o tu lo ves en blanco?

saludos

Es por el box-shadow que tiene el boton, si se lo quitas se ve bien la imagen.

Godkoder · 06/04/2014

En tu ejemplo bastaría con alinear verticalmente la imagen de esta manera:

Inserir CODE, HTML ou PHP:

.boton img
{
    vertical-align: -4px;
}