Eilutės tarpas CSS

Dabar išmokime nustatyti teksto eilutės tarpą. Eilutės tarpu suprantamas atstumas tarp teksto eilučių, tai yra balta erdvė tarp jų. Tam skirta savybė line-height, kuri nustato teksto eilutės aukštį.

Naudojant savybę line-height galite susidurti su tam tikru spąstu: ši savybė nenustato tarpo tarp teksto eilučių, kaip galėtų atrodyti, o nustato teksto eilutės aukštį.

Tai reiškia, kad tikrasis matomas tarpas tarp eilučių bus skaičiuojamas taip: line-height - font-size = matomas atstumas tarp teksto eilučių.

Šiame pavyzdyje atstumas tarp teksto eilučių bus 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: