Flexible multiline definition lists with 2 lines of CSS

dabblet.css

/**
 * Flexible multiline definition lists with 2 lines of CSS
 */

dt, dd { display: inline; margin: 0; }

dd:after {
	content: '\A';
	white-space: pre;
}

dabblet.html

<dl>
	<dt>foo:</dt>
	<dd>Definition of foo</dd>
	<dt>bar:</dt>
	<dd>Definition of bar</dd>
</dl>

settings.json

{"view":"split","seethrough":"","prefixfree":"","page":"all"}