Eliminar el espacio en blanco debajo de la imagen [duplicado]
En Firefox, solo las miniaturas de mis videos muestran misteriosos 2 o 3 píxeles de espacio en blanco entre la parte inferior de mi imagen y su borde (ver más abajo).
Probé todo lo que se me ocurrió en Firebug sin suerte.
¿Alguna idea de cómo puedo eliminar este espacio en blanco?
Estás viendo el espacio para los descendientes (los bits que cuelgan de la parte inferior de 'y' y 'p') porque imges un elemento en línea de forma predeterminada. Esto elimina la brecha:
.youtube-thumb img { display: block; }
Puede utilizar el siguiente código si no desea modificar el modo de bloqueo:
img{vertical-align:text-bottom}
O puede utilizar lo siguiente como sugiere Stuart:
img{vertical-align:bottom}
Si desea conservar la imagen en línea, puede poner vertical-align: topo vertical-align: bottomsobre ella. De forma predeterminada, está alineado con la línea base, de ahí los pocos píxeles debajo.
