I am trying to display div in rows columns using online div. Here is the same
https://jsfiddle.net/sreeram62/b5d3s/1/
Same thing below:
<style>
*{
margin:0px;
padding:0px;
}
.changed{
display:inline-block;
vertical-align:top;
}
</style>
</head>
<body>
<div style="border:1px solid #F00; width:900px; min-height:1000px">
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:30px;"></div>
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:20px;"></div>
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:30px;"></div>
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:30px;"></div>
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:37px;"></div>
<div class="changed" style="width:220px; margin:3px; border:1px solid #0C0; height:30px;"></div>
</div>
If you see the second div in first row is small so the 5th one (2nd row second) one has to come up but the complete second row starts on same vertical line.