Wodstafoloin
New Member
In my web application screens I have many areas which has the same width and different heights.For eg. I have six divs:\[code\] <div style="height: 50px">1</div> <div style="height:150px">2</div> <div style="height:250px">3</div> <div style="height:130px">4</div> <div style="height:120px">5</div> <div style="height: 30px">6</div>\[/code\]and the css:\[code\] div{ border:1px solid red; float:left; width:100px; }\[/code\]browsers displays it like this:
If the browser window is changed to smaller width divs are automatically wrapped.Wrapped divs are aligned according the top div which has maximum height. Needlesslyempty spaces appears on the screen:
Is there a way to arrange all wrapped divs to top?
