CSS3，HTML - 如何安排这样的块

Question

<div class="outer-wrapper">
    <div class="inner-wrapper">
        <div class="item">1</div>
        <!--...-->
        <div class="item">12</div>
    </div>
</div>

.outer-wrapper {
    position: relative;
    min-width: 900px;
    max-width: 900px;
    min-height: 600px;
    max-height: 600px;
}
.inner-wrapper {
    position: relative;
    width: 20000em;
}
.item {
    min-height: 350px;
    max-height: 350px;
    min-width: 350px;
    max-width: 350px;
    background: cornflowerblue;
    font-size: 40px;
    float: left;
}

我附上了图片：

如何在没有将组（每六个项目）包装在另外的容器中的情况下以这种方式安排项目？有可能吗？

Answer 1

使用列数和浮点数的组合：

http://jsfiddle.net/JqRv3/1/

ol {
    -webkit-column-count: 2;
    -moz-column-count:    2;
    column-count:         2;
}
li {
    list-style: decimal inside;
    width: 33.3333%;
    float: left;
}