JSFiddle - React, Tailwind, and code Playground
by darrenarbell
HTML
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.0.6-development-only.js"></script>
<html>
<head>
</head>
<body>
<div id="contentBlock" class="wide isotope">
<div>
<div class="dontsplit isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px);">
<div class="inputContainer">
<div class="labels">
<label for="MainContent_CustomerListControl_kxCustomerPreview_tbBedrijf" id="MainContent_CustomerListControl_kxCustomerPreview_CompanyLabel">Bedrijfsnaam</label>
</div>
<div class="inputs">
<div id="MainContent_CustomerListControl_kxCustomerPreview_tbBedrijf" class="readonly-labels"> <span>MartyCo</span>
</div>
</div>
<div class="clear" style="width: 0px;"></div>
</div>
</div>
<div class="dontsplit isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 45px, 0px);">
<div class="inputContainer">
<div class="labels">
<label for="MainContent_CustomerListControl_kxCustomerPreview_VarField1" id="MainContent_CustomerListControl_kxCustomerPreview_lblVarField1" class="dynamicLabel">Vrij veld 1</label>
</div>
<div class="inputs">
<div id="MainContent_CustomerListControl_kxCustomerPreview_VarField1" class="readonly-labels"> <span> </span>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="dontsplit isotope-item" style="position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 90px, 0px);">
<div class="inputContainer">
<div class="labels">
<label for="MainContent_CustomerListControl_kxCustomerPreview_Name"...
CSS
.dontsplit
{
column-width:100px;
-moz-column-width:100px; /* Firefox */
-webkit-column-width:100px; /* Safari and Chrome */
}