Question

I have created multi colum list. In each list there is a div inside it. Since the height of this added div, the a blank space is appearing in between this and next row. Is der any way to expand this row to fill up the blank space or to bring up the next row.

<ul>
    <li>1</li>
    <li>2</li>
    <li>3
        <div class="exp">abc abc</div></li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>

Problem explained here http://jsfiddle.net/DPRtF/18/ (See between 3 and 6)

Answer 1

jQuery Masonry might be what you want, then: http://masonry.desandro.com/ It solves the floating-divs-don’t-have-balanced-height problem.