My Test Page

dabblet.css

/**
 * My Test Page
 */
 
#imageSelection
{
	border: 1px solid black;
	height: 200px;
	width: 500px;
	float:left;
	padding: 10px;
	position: relative;
}
#pic
{
	background-color: yellow;
	height: 100%;	
	width: 50%;
	float: left;
}

#info
{
	background-color: red;
	height: 100%;		
	width: 50%;
	float: left;
	//padding: 2px;
}
#info span{
	position: absolute;
	bottom: 75px;
	right: 75px;
}

dabblet.html

<div id="main">
<div id="imageSelection">
	<div id="pic">
	PICTURE
	</div>
	<div id="info">
	Hello World
	<br />
	<br />
	What is your name?
	<span>Why are you?</span>
	</div>
</div>
<div id="imageSelection">
	<div id="pic">
	PICTURE
	</div>
	<div id="pic">
	Hello World
	</div>
</div>
<div id="imageSelection">
	<div id="pic">
	PICTURE
	</div>
	<div id="pic">
	Hello World
	</div>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}