dziudek/dabblet.css

## dabblet.css
/**
 * Method to place visual separator between table cell's without using additional HTML elements
 */

body > div {
	display:table;
	width: 600px;
}

body > div > div {
	display: table-cell;
	background: #eee;
	height: 300px;
	vertical-align: top;
	position: relative;
	padding: 0 60px;
}

body > div > div:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 140px;
	background: #a00;
	left: -25px;
	top: 50%;
	margin-top:-70px;
}


body > div > div:first-child:before {
	display:none;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
	<div>Lorem</div>
	<div>Ipsum</div>
	<div>Dolor</div>
</div>

## settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* Method to place visual separator between table cell's without using additional HTML elements
	*/

	body > div {
	display:table;
	width: 600px;
	}

	body > div > div {
	display: table-cell;
	background: #eee;
	height: 300px;
	vertical-align: top;
	position: relative;
	padding: 0 60px;
	}

	body > div > div:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 140px;
	background: #a00;
	left: -25px;
	top: 50%;
	margin-top:-70px;
	}


	body > div > div:first-child:before {
	display:none;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div>
	<div>Lorem</div>
	<div>Ipsum</div>
	<div>Dolor</div>
	</div>