Question

nav
    {
        z-index: 2;
        box-sizing: border-box;     
        background-color:#A9BAFD; 
        line-height: 30px;
        font-family: "Roboto-Bold";
        font-size: 11px;
        letter-spacing: 1px;

        text-indent: 5px;
    }

nav a:hover
    {
        font-size: 125%;            
    }

nav p   
    {
        font-size: 90%;
    }

Lo que quiero es que cuando paso el ratón por encima de un enlace, este aumente de tamaño, creando un efecto y lo consigo, pero al hacerlo me desplaza el line-height hacía abajo y yo quiero que este fijo, he probado aumentando la altura, pero lo desplaza igualmente, ¿como puedo fijar el line-height?

Answer 1

Hola @bichomen,

el line-height no se fija, o mejor dicho, se fija y es relativo a la fuente, por eso al agrandarla te desplaza el la línea inferior.

Para que no desplace para abajo, lo que podés hacer es ponerle un alto fijo al contenedor. De esta forma el line-height se baja igual pero te queda adentro de la cosa que lo contiene, entonces no parece que se baja.

Saludos cordiales