line-height-2-ref.html

Enable keyboard shortcuts

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

<style>

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

.a1 { line-height: 2; }

.a2 { line-height: 6; }

.a3 { line-height: 6px; }

.a4 { line-height: 6; }

.a5 { line-height: 6; }

.a6 { line-height: 6; }

.a7 { line-height: 0; }

</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>