<div class="container">
  <p>
    <span class="text1">
      Высота строки данного текста: 1
    </span>
  </p>
  
  <p>
    <span class="text2">
      Высота строки данного текста: 1.5
    </span>
  </p>
</div>
.container {
  box-sizong: border-box;
  width: 200px;
  margin: 10px auto;
  padding: 0 20px;
  border: 4px solid gray;
  font-size: 16px;
  line-height: 1.25;
}

.text1,
.text2 {
  background: PapayaWhip;
}

.text1 {
  line-height: 1;
}

.text2 {
  line-height: 1.5;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.