Fluid Content

HTML & CSS
1

Hi,
I have html like below, Here the second raw starting from the Height of “70px” that means from the highest height. Instead of that i want to start the second raw very below of the first one without that gap. Is there any way to do this ? I mean something like this website contents. http://www.dazeddigital.com/ . Thanks in advance


		<div style="width:900px;">
    	<ul>
        	<li style="float:left; width:220px; height:50px">kkhhh</li>
            <li style="float:left; width:220px;height:70px">kk<br />hhhh</li>
            <li style="float:left; width:220px;height:60px">kk</li>
            <li style="float:left; width:220px;">kk</li>
            <li style="float:left; width:220px;">kk</li>
            <li style="float:left; width:220px;">kk</li>
         
        </ul>
    </div>
2

I’m not entirely sure I’ve understood what you’re after, but if you mean you want each item one below the other, then just remove “float: left” from the list items.