I want to show list items as 2 or more columns (dynamic alignment)

Question

I am able to do the list using float:left; like this

But

Answer 1

I found a way to do this in IE too. (using clear)

html:

1
5
2
6
3
7
4
8

css:

.child {
    height:20px;
    width: 20px;
    text-align: center;
    border: 1px solid #CCC;
    background-color: #EEE;
    color: #000;
    padding: 5px;
    float: left;
    margin: 5px;
}
.left {
    clear: left;
}

See http://jsfiddle.net/pMbtk/31/