Flexible multiline form with generated line breaks

dabblet.css

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

form {
	width: 290px;
	padding: 5px 218px 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: 200px;
	margin-right: -213px;
}

dabblet.html

<form>
	<label>First fielсвысвы</label> <input>
	<label>Second field</label> <input>
	<label>3rd field</label> <input>
</form>

settings.json

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