gustaff-weldon · August 29, 2014 09:31
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 .container {
 	height: 300px;
 	width: 80px;
 }

 .child {
 	height:100%;
 	text-align: center;
 	border: 5px solid #aaa;
 	font-size:0;
 }

 img {
 	vertical-align: middle;	
 	max-width: 100%;
 }

 .child:before {
 	content: "";
 	display: inline-block;
 	height: 100%;
 	vertical-align: middle;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="container">
 	<div class="child">
 		<img src="http://lorempixum.com/100/100" >
 	</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.container {
	height: 300px;
	width: 80px;
	}

	.child {
	height:100%;
	text-align: center;
	border: 5px solid #aaa;
	font-size:0;
	}

	img {
	vertical-align: middle;
	max-width: 100%;
	}

	.child:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	}