Najpierw zobaczmy fragment kodu:

div { width:200px; height:200px; border:1px solid black; line-height:200px; }
span { line-height:1.7;  }

<div><span>123<br>456<br>789<br>000</span></div>

Dlaczego jestspanjestline-height nie używany?

Theline-height jest wciąż200px, ale kiedy ustawimyspanjestdisplay własność doinline-block, theline-height zspan jest używany?

Zobacz poniżej:

div { width:200px; height:200px; border:1px solid black; line-height:200px; }
span { display:inline-block; line-height:1.7; }

<div><span>123<br>456<br>789<br>000</span>