[SOLUCIONADO] centrar imagen dentro de un span css

[dhayzon]

hola es la primera ves q entro a esta web ojala y me ayuden

lo que pasa es que tengo un problema con esta imagen en e el breadcrumb
no se me centra si cambio la imagen por texto queda bien pero al colocarle una imagen ..queda arriva no se q es lo q pasa



con texrto



DEMO

http://cssdeck.com/labs/qjvzdvzs

[URL="http://club-dhayzone.net/fandubers/"] trato de colocarlo aqui [/URL]

aqui me sale perfexto pero ala ora de implementarlo esa imagen no sale gual XD

[ArturoGallegos]

creo que ya lo solucionaste, yo lo veo centrado.... igual si aun te sirve, con este tipo de casos lo que hago yo es colocar las imágenes como fondo, por ejemplo:

Código HTML:

<p class="home">Home</p>
 

Código CSS:

.home{display:block;width:28px;height:28px;background:url(/img_styles/2013050515060607.png) no-repeat center;text-indent:150px;overflow:hidden;}
 

[dhayzon]

xd cuando no me sale algo me desespero ..........pero si salgo un rato a tomar aire y regreso mas calmado encuentro la solución XD justamente se me vino ala cabeza ..eso de colocarlo como fondo pero..antes probé colocando la imagen dentro de la etiqueta <p>

Código HTML:

<p class="home"><img src="/img_styles/2013050515060607.png" title="Club dhayzone!"></p>
 

y agregarle un

Código CSS:

.home {
display: inline-block;
}
 

y corrio perfecto y me ahorre unas cuantas lineas de código


PD. tema solucionado