Untitled

dabblet.css

#content {
	width: 800px; margin: 0 auto;
}

.row {
	border-style:solid;
	overflow: auto;  
	height: auto;
	padding : 8px;
	margin : 5px;	
}

.param {
	display : block;
	float : left;
	width: 100px;

}

.meaning {
	width : 350px;
	overflow:auto;
	float: left;
}

.example {
	width : 300px;
	overflow:auto;
	float: left;

}

dabblet.html

<div id = 'content'>
	<div class = "row">
		<span class = 'param'>
			userQuery 
		</span> 
		<span class = 'meaning'> 
			This is used whenevr xzxzx
		</span>
		<span class = 'example'> 
			<div id = 'example_topBar'>
				<button type = 'button'> PHP Example </button>
				<button type = 'button'> XML Example </button>
			</div>
			There is a nice exmaple.
		
			<div id = 'example_buttomBar'>
				<button type = 'button'> Live Demo </button>
			</div>			
		</span> 
	</div>
	<div class = "row">
		<span class = 'param'>
			makequery 
		</span> 
		<span class = 'meaning'> 
			This will make queryys
		</span>
		<span class = 'example'> 
			some php code here...

		</span> 
	</div>
</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}