CSS UL分为三列

Question

UL有一个单片数据块。 如何使用CSS将具有多个LI LVL1的UL列表拆分为三个具有相同高度的列？ 每个LI都有不同的高度。 LI块的数量总是不同的。

<div class="div_list">
    <ul class="list">
        <li class="list_li">...</li>
        <li class="list_li">...</li>
        <li class="list_li">...</li>
        <li class="list_li">
            <ul>
                <li class="list_li_lvl2">...</li>
                <li class="list_li_lvl2">...</li>
            </ul>
        </li>
        <li class="list_li">...</li>
        <li class="list_li">...</li>
        <li class="list_li">...</li>
    </ul>
</div>

修改 我接近答案，但LVL2进入下一栏。

编辑2： 找到解决方案DEMO