¿Cómo alinear imágenes y texto en un botón con CSS?

dnservices · 1 Abr 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 · 1 Abr 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 · 1 Abr 2014

dnservices · 1 Abr 2014

lombervid dijo:
CSSDesk - EVSva

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

yashi · 1 Abr 2014

dnservices dijo:
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 · 1 Abr 2014

yashi dijo:
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 · 1 Abr 2014

dnservices dijo:
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 · 6 Abr 2014

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

Insertar CODE, HTML o PHP:

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