Radavstånd i CSS

Låt oss nu lära oss att ställa in radavstånd för text. Med radavstånd menas avståndet mellan textraderna, det vita mellanrummet mellan dem. För detta används egenskapen line-height, som anger höjden på en textrad.

När du använder egenskapen line-height kan du möta en viss fälla: denna egenskap anger inte mellanrummet mellan textraderna, som det kan verka, utan anger höjden på textraden.

Det betyder att det synliga mellanrummet mellan raderna kommer att beräknas så här: line-height - font-size = synligt avstånd mellan textrader.

I följande exempel kommer avståndet mellan textraderna att vara 50px - 20px = 30px:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: