line-height-2.html (545B)
1 <!DOCTYPE html><meta charset=utf-8> 2 <style> 3 .a1, .a2, .a3, .a4, .a5, .a6 { float: left; } 4 .a1 { line-height: calc(1*2); } 5 .a2 { line-height: calc(1*2*3); } 6 .a3 { line-height: calc(1*2*3*1px); } 7 .a4 { line-height: calc((1*2)*3); } 8 .a5 { line-height: calc(1*(2*3)); } 9 .a6 { line-height: calc((1*2*3)); } 10 .a7 { line-height: calc(-1); } 11 </style> 12 <p class="a1">abc<br>def</p> 13 <p class="a2">abc<br>def</p> 14 <p class="a3">abc<br>def</p> 15 <p class="a4">abc<br>def</p> 16 <p class="a5">abc<br>def</p> 17 <p class="a6">abc<br>def</p> 18 <p class="a7">abc<br>def</p>