text-align-justify grid

gistfile1.css

.row {
	text-align: justify;
	line-height: 0;
} 
	  
.row-item {
	display: inline-block;
	width: 310px;  
	min-height: 10px; 
	text-align: left;
	vertical-align: top; 
	line-height: 20px;	 
} 	
	
.row-item.gap {
	min-height: 0;
	background: none;	
}
	
.row .break{
	display: inline-block;
	width: 100%;
}
	
/* IE7 */
	
*+html .row {
	text-justify: distribute-all-lines; 
	zoom: 1;  
}
	
*+html .row-item {
	display: inline; 
	zoom: 1;  
}  
	

gistfile2.html

<div class="row">
	<div class="row-item">		
		inhalt	
	</div>			
	<div class="row-item">		
		inhalt	
	</div>														
	<div class="row-item gap"></div>
	<div class="break"></div>
</div>