CSS columns

by Jack 0

HTML

<!DOCTYPE html>
		<title>Result</title>
	<body>
		<div class="columnx">XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX XXXXXXXX</div>
		<div class="columnx">zzzzzzz xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx</div>
	    <div class="columny">YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY YYYYYYYYYY </div>
		<div class="columny">zzzzzzz yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy yyyyyyy </div>
        <div>JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ JJJJ  </div>
	</body>

CSS

.columnx{
    display: inline-block;
    vertical-align: top; 
    width: 49%;
}

.columny{
    display: inline-block;
    vertical-align: top; 
    width: 25%;
}