line-height-2.html

Enable keyboard shortcuts

<!DOCTYPE html><meta charset=utf-8>

<style>

.a1, .a2, .a3, .a4, .a5, .a6 { float: left; }

.a1 { line-height: calc(1*2); }

.a2 { line-height: calc(1*2*3); }

.a3 { line-height: calc(1*2*3*1px); }

.a4 { line-height: calc((1*2)*3); }

.a5 { line-height: calc(1*(2*3)); }

.a6 { line-height: calc((1*2*3)); }

.a7 { line-height: calc(-1); }

</style>

<p class="a1">abc<br>def</p>

<p class="a2">abc<br>def</p>

<p class="a3">abc<br>def</p>

<p class="a4">abc<br>def</p>

<p class="a5">abc<br>def</p>

<p class="a6">abc<br>def</p>

<p class="a7">abc<br>def</p>