К всеобщему удивлению,

dabblet.css

body
{
	font-family: Helvetica, sans-serif;
	font-weight: 100;
	
	font-size: 10em;	
}

span
{
/* 	
	К всеобщему удивлению, 
	это фиксированные размеры.
	
	И да, нет гарантии, 
	что одинаковы в разных бразуерах
*/
	font-size: small;
	
/*
	относительные ключевые размеры
	larger и smaller
*/
}

div
{
	background: red;
	font-size: 100px;
	
	width: 1em;
	height: 1em;
	/* 100px x 100px */
}

dabblet.html

<span>String</span>

<div>A</div>

settings.json

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