line-height value

dabblet.css

/**
 * line-height value
 */
p, div {
  border: 1px solid; 
  margin: 10px;
}
h3 {
  font-size: 20px;
}
.test1 {line-height: normal;}
.test2 {line-height: 1.5; width: 200px; font-size: 15px;}
.test3 {line-height: 150%; width: 200px; font-size: 15px;}

dabblet.html

<p class="test1">On block level elements, the line-height property specifies the minimum height of line boxes within the element.</p>

<div class="test2">
  <h3>On block level elements, the line-height property specifies the minimum height of line boxes within the element.</h3>
</div>
<div class="test3">
  <h3>On block level elements, the line-height property specifies the minimum height of line boxes within the element.</h3>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}