Rindkopas atstarpe CSS

Tagad iemācīsimies iestatīt rindkopas atstarpes tekstam. Ar rindkopas atstarpi saprot attālumu starp teksta rindām, proti, balto atstarpi starp tām. Šim nolūkam paredzēta īpašība line-height, kas nosaka teksta rindas augstumu.

Izmantojot īpašību line-height, jūs varat saskarties ar zināmu neparedzētību: šī īpašība neiestata atstarpi starp teksta rindām, kā varētu šķist, bet gan nosaka teksta rindas augstumu.

Tas nozīmē, ka reālais redzamais atstarpe starp rindām tiks aprēķināts šādi: line-height - font-size = redzamais attālums starp teksta rindām.

Nākamajā piemērā attālums starp teksta rindām būs 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: