指定元素断开的顺序

Question

我有三个内联块元素并排，中间元素也包含内联块元素。当没有足够的空间并排渲染时，外部元素将会断裂，从而产生三行。

是否可以在＃block1，＃block2和＃block3之间指定＃block2的子元素之间发生中断？

HTML

<div id="block1"></div>
<ul id="block2">
    <li></li> <!-- I'd like these to break first -->
    <li></li>
    <li></li>
    <li></li>
</ul>
<div id="block3"></div>

的CSS

#block1, #block3 {
    height: 100px;
    width: 100px;
    display: inline-block;
    background-color: green;
}
#block2 {
    display:inline-block;
    margin: 0;
    padding: 0;
}
#block2 li {
    list-style-type:none;
    display: inline-block;
    height: 50px;
    width: 100px;
    background-color: pink;
}

http://jsfiddle.net/LGXht/1/