Flexible multiline form with generated line breaks

dabblet.css

/**
 * Flexible multiline form with generated line breaks
 */

form {
	width: 100px;
	padding: 5px 210px 5px 5px;
	border: 3px #ccc double;
	text-align: right;
	line-height: 2;
}

* + label:before, form:after {
	content: '\A';
	white-space: pre;
}

label:after {
	content: ': ';
}

input {
	width: 180px;
	margin-right: -200px;
}

dabblet.html

<form>
	<label>First field</label> <input>
	<label>Second field</label> <input>
	<label>3rd field</label> <input>
</form>

settings.json

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