http://jsfiddle.net/mJxn4/¿Por qué no puedo disminuir la altura de línea de este texto?
Esto es muy extraño: Tengo unas pocas líneas de texto envueltos en una etiqueta <em>
. No importa lo que haga, bajar el valor de line-height
por debajo de 17px no tiene ningún efecto. Puedo subir el line-height
hasta a más de 17px y se aplicará, pero no puedo obtenerlo a menos de 17px.
El CSS en cuestión es:
#others .item em {
font-size: 13px;
line-height: 17px;
}
intente ajustar la altura de la línea tanto superiores como inferiores y ejecutar el violín actualizado después de cada cambio, y verá lo que quiero decir.
¿Por qué sería esto? No line-height
se especifica en ningún otro lugar en el CSS, por lo que nada lo anula. Ese no podría ser el caso de todos modos porque estoy ajustando el line-height
hacia arriba y hacia abajo dentro del mismo selector, por lo que no tiene sentido que se aplique un valor más alto, pero se anularía un valor inferior.
Empecé con HTML/CSS local primero; luego extraje solo la pieza con la que tuve el problema y la publiqué en JSFiddle, y eso parece ser el mismo. ¿Podría ser el navegador? Estoy usando Safari. – daGUY
Creo que está funcionando bien, puedes poner la altura de la línea: 40px para ver lo diferente, ya que con el tamaño de la fuente: 13 y la altura de la línea: 17, se ve similar. – Osify
@mtr El OP ya dijo que era posible aumentarlo, pero no disminuirlo. – Daedalus