min-width > max-width

dabblet.css

/**
 * min-width > max-width
 */

html
{
	border-right: red solid thin;
	width: 50%;
	min-height: 100%;
}
 
div
{
	outline: silver dashed thin;
	padding: 1ex;
	float: right;
}

span
{
	border: black solid thin;
	display: inline-block;
	min-width: 10em;
	max-width: 5em;
}

dabblet.html

<span>a a a a a a a a a a a a a a a a a a</span>b.

<div>
	<span>a a a a a a a a a a a a a a a a a a</span>b.
</div>

dabblet.js

// alert('Hello world!');

settings.json

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