line-height and font-size

dabblet.css

/**
 * line-height and font-size
 */
.test1 {
  font-size: 0;
  line-height: 24px;
  border: 1px solid;
  background: grey;
}
.test2 {
  font-size: 24px;
  line-height: 0;
  border: 1px solid red;
}

dabblet.html

<p class="test1">My font size is 0 and have line-height</p>

<p class="test2">My line-height is 0 and have font size</p>

dabblet.js

// alert('Hello world!');

settings.json

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