schadeck · February 15, 2012 14:15
diff --git a/dabblet.css b/dabblet.css
 /**
 * inline block example IE7 hack
 */

 ul.ib { 
 	width:250px; 
 	display:block; 
 }
 ul.ib li {
 	width: 100px;
 	display: inline-block;
 	margin: 10px;
 	background-color: red;
 	zoom: 1;
 	*display: inline;
 }

diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <ul class="ib">
 	<li class="ib">Hi 1</li>
 	<li class="ib">Hi 2</li>
 	<li class="ib">Hi 3</li>
 	<li class="ib">Hi 4</li>
 </ul>


diff --git a/settings.json b/settings.json
 {"view":"split-vertical","prefixfree":"1","page":"css"}
	<!-- content to be placed inside <body>…</body> -->

	<ul class="ib">
	<li class="ib">Hi 1</li>
	<li class="ib">Hi 2</li>
	<li class="ib">Hi 3</li>
	<li class="ib">Hi 4</li>
	</ul>