Line height

Syntax

Class
Properties
line-{value}
line-height: {value};

Parameters

value
<length-percentage unsigned>
<div class="t1 w-256 p-16 bg-c-white shadow-4 line-1.5"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet ullamcorper neque. Donec placerat mi ut enim porttitor sagittis. </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Line height as number
t1 line-1.5
.t1.line-1\.5 { line-height: 1.5; }
Line height as length
t1 line-32px
.t1.line-32px { line-height: 32px; }
Line height as percentage
t1 line-100%
.t1.line-100\% { line-height: 100%; }