Line-height and line-spacing


What is the difference between line-height and line-spacing


In typing, line-spacing was how many lines of empty space (minus one) were between two lines of typed text. Single-spaced meant no line between, double-spaced meant one line between (two carriage returns).

line-height is the CSS property meant to address this typographical norm. It is possible to have an empty line between paragraphs since they have default styles that afford a 1em margin top and bottom. That margin does not apply to lines of the paragraph that wrap. The paragraph itself is single-spaced. line-height permits simulation of double-spacing in normal flow.

<title>line-height as line spacing</title>
span {
  display: block;
  line-height: 2em;


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.