man-oi · January 19, 2016 21:17
diff --git a/dabblet.css b/dabblet.css
 /**
 * profile image / settings
 */

 .container {
 	width: 700px;
 	height: auto;
 	margin: auto;
 	
 	background-color: #333;
 	color: white;
 	
 	display: table;
 }

 .box {
 	width: 25%;
 	padding-top: 10px;
 	padding-bottom: 10px;
 	display: table-cell;
 	vertical-align: middle;
 }

 .box:nth-child(2) {
 	width: 50%;
 	text-align: center;
 }

 .box:nth-child(2) img {
 	width: 90%;
 	height: auto;
 	border-radius: 50%;
 }

 .box:nth-child(3) {
 	text-align: right;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="container">
 	<div class="box"></div>
 	<div class="box"><img src="https://unsplash.it/400/400/?random" /></div>
 	<div class="box"><img src="https://unsplash.it/80/80/?random"/></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"}
	<!-- content to be placed inside <body>…</body> -->

	<div class="container">
	<div class="box"></div>
	<div class="box"><img src="https://unsplash.it/400/400/?random" /></div>
	<div class="box"><img src="https://unsplash.it/80/80/?random"/></div>
	</div>