Balken

dabblet.css

/**
 * Balken
 * http://forum.selfhtml.org/self/2015/may/03/box-soll-aus-box-ragen-position-abolute/1639298#m1639298
 */

* { box-sizing: border-box }

html
{
	overflow-x: hidden;
	height: 100%;
	background: red;
	font: 1.5em Georgia;
	padding: 0 1em;
}

body
{
	max-width: 42em;
	min-height: 100%;
	margin: auto;
	padding: 1em;
	background: white;
}

.balken
{
	margin: 0 -101em; /* -(padding+border) */
	padding: 2em 1em 1em;
	border: solid black;
	border-width: 0 100em;
}

dabblet.html

<p>Das ist ein Absatz über dem Balken.</p>
<p>Das ist ein Absatz über dem Balken.</p>

<section class="balken">
	<p>Das ist ein Absatz in dem Balken.</p>
	<p>Das ist ein Absatz in dem Balken.</p>
</section>

<p>Das ist ein Absatz unter dem Balken.</p>
<p>Das ist ein Absatz unter dem Balken.</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}