# CSS-fråga om line-height och rubriker
Author: Niklas

Det här är ett mysterium för mig. 🙂 

Med nedanstående CSS blir avståndet mellan `h1`-rubriker och underliggande brödtext mindre än mellan `h6`-rubriker och underliggande brödtext. Varför då? 

    :root {
      font-size: 20px;  
    }

    h1 {
      font-size: clamp(2.5rem, 5rem, 4vw);
      line-height: 1rem;
      margin-bottom: 0;
      padding-bottom: 0;
    }

    h6 {
      font-size: clamp(1.1rem, 2.2rem, 1.3vw);
      line-height: 1rem;
      margin-bottom: 0;
      padding-bottom: 0;  
    }

Borde inte `line-height: 1rem` vara lika stort oavsett vilken rubrikstorlek det hör ihop med? Vad är det jag har missat?

## Comment 1
Author: johan

Är inte "rem" relativt till sidan font-storlek? Jag hade testat att sätta line-height: 1em; eller 100% för att få det kopplat till elementets storlek.

## Comment 2
Author: johan

Jag skulle alltså tro att du får 20px radavstånd, oavsett hur stor font du har för rubrikerna.

## Comment 3
Author: Niklas

#2: Precis det är vad jag är ute efter. 

`rem` är ett värde som är beroende av sidans root-teckenstorlek, vilken i det här exemplet är 20 pixlar. `line-height: 1rem` borde med andra ord innebära att radavståndet är 1 x 20 pixlar = 20 pixlar på både `h6`och `h1`.

Jag begriper inte var jag tänker fel. Har testat i flera webbläsare på olika operativsystem.

## Comment 4
Author: Niklas

Men, nu löste det sig! 

Plötsligt ser det ut som jag hela tiden väntat mig. Det måste ha legat någon cacheminne version av stilmallar på servern eller så. Det är det enda jag kan tänka mig skulle orsaka det där. Irriterade, fast skönt att det funkar nu.

## Comment 5
Author: johan

Men jag fattar inte.. Om basstorleken är 20px, men rubriken är 2,5 rem, så borde det alltså bli 50px. Och om du sätter 1rem som line-height borde det bli 20px. 

Tar inte texten då mer plats än du ger den på höjden, med resultatet att avstånd mellan rubrik och brödtext blir olika för h1 och h6?