A little test for CSS interviews

dabblet.css

/* A little test for CSS interviews */

/* Default */
body, input { font: 14px/20px sans-serif; color: #666; }
fieldset { border: 0; }
legend { font-weight: bold; }
input { padding: 9px; margin: 0; border: 1px solid #ccc; border-radius: 4px; margin-left: 10px; }
input:focus { outline: none; }
legend, label { color: #222; width: 150px; }
 
/* How can we get this? http://cl.ly/NhFL */

dabblet.html

<fieldset>
	<legend>Title</legend>
	<p class=p>
		<label class=l>Nombre</label>
		<input>
	</p>
	<p class=p>
		<label class=l>This is a super big label with lot of text to fit</label>
		<input>
	</p>
</fieldset>

dabblet.js

// alert('Hello world!');

settings.json

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