Untitled

dabblet.css

.zen-grids {
    background-color: #ddd;
}
.zen-grids:before, .zen-grids:after {
    content: "";
    display: table;
}
.zen-grids:after {
    clear: both;
}
.zen-grids .width2 div {
    background-color: #E5C5E5;
    width: 100%;
}
.zen-grids .width1, .zen-grids .width2 {
    border: 0 none !important;
    margin-right: -100%;
    padding-left: 1%;
    padding-right: 1%;
    word-wrap: break-word;
}

.zen-grids .r2c1 {
    float: left;
    margin-left: 0;
    margin-right: -20%;
    width: 18%;
}
.zen-grids .r2c2 {
    float: left;
    margin-left: 20%;
    margin-right: -40%;
    width: 18%;
}
.zen-grids .r2c3 {
    float: left;
    margin-left: 40%;
    margin-right: -60%;
    width: 18%;
}
.zen-grids .r2c4 {
    float: left;
    margin-left: 60%;
    margin-right: -80%;
    width: 18%;
}
.zen-grids .r2c5 {
    float: left;
    margin-left: 80%;
    margin-right: -100%;
    width: 18%;
}


.exp {
	width: 50%;
	margin: 0 auto;
	background-color: #eee;
	overflow: auto;
}
.exp p {
    f/loat: left;
	background-color: #e10022;
    width: 18%;
  	margin-top: 0;
  	margin-bottom: 0;
    marg/in-right: -100%;
    margin-left: -11%;
}

dabblet.html

<div class="row zen-grids">
		<div class="width2 r2c1"><div>2</div></div>
		<div class="width2 r2c2"><div>2</div></div>
		<div class="width2 r2c3"><div>2</div></div>
		<div class="width2 r2c4"><div>2</div></div>
		<div class="width2 r2c5"><div>2</div></div>
	</div>
	<div class="exp"><p>ssa<p>ssd</div>

settings.json

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