意外的布局与jQuery的用户界面

Question

我想开发一个页面使用jQuery的用户界面。一切看起来都很好，除了在菜单>饮料部分下，最后一个定义列表显得不合适。第一个单独出现在中央，而最后一个单独出现在左侧。你可以查看它here。

Answer 1

看起来很好，因为你把他们全部留下了。这就是我期望会发生的事情。如果你希望他们能够下降到下一行，他们应该超过div的宽度，你DL CSS更改为：

dl{ 
    display:inline-block; 
    vertical-align:top; 
    padding-right: 10px; 
} 

jsbin example