Untitled

dabblet.css

body {
	width: 422px;
	border: 1px solid green;
}

p:first-child {
	border: 2px solid blue;
	float: left;
	width: 100px;
}

p#i {
	border: 2px solid blue;
	float: right;
	width: 100px;
}
p {
	margin-top: 0;
	border: 1px solid red;
	width: 400px
}
#o {
	clear: left;
}

dabblet.html

<p>Once upon a time </p>
<p id='o'>MAx MAx MAx MAx MAx MAx MAx MAx MAx MAx MAx MAx MAx</p>
<p id="i"> BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla
 BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla
  BlaBla BlaBla BlaBla BlaBla BlaBla BlaBla</p>

settings.json

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