Center wide image

dabblet.css

/* Center wide image */

html, body, #container {
	height: 100%;
}

#container {
	width: 200px;
	margin: 0 auto;
	background: #ffd2be;
}
img {
	position: relative;
	left: -28px; /* (256 - 200) / 2 */
}

dabblet.html

<div id="container">
	<img src="http://cdnx.dev4press.com/wp-content/themes/lightscape/products/icons/gd-affiliate-center_256.png" />
</div>

settings.json

{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}