Html 从顶部开始，将两个无序列表并排对齐

我有两个相邻对齐的uls，分别位于不同的分区中：

div{
显示：内联块；
宽度：320px；
}

第1行
第2行


第1行
第2行
第3行
第4行
第5行

当这两个元素相邻且元素数相同时，这看起来很好，但是项目数最少的div被推到了底部，看起来非常不对齐。我不知道如何确保top div或其ul在顶部对齐，以便子元素等不会出现在底部

编辑：jsiddle链接：

---

它看起来像是使用垂直对齐：文本顶部；会有用的。。所以我现在感觉很慢

您可以

float:left

无序列表，并仍然为其设置宽度

div {
    float: left;
    width: 320px;
}

这里有一个

更新：

您还可以添加

垂直对齐：顶部如果要保持
显示：内联块

div {
    display: inline-block;
    width: 320px;
    vertical-align: top;
}

我在div中添加了“垂直对齐：顶部”，这样就可以了

div {
    display: inline-block;
    width: 320px;
    vertical-align: top;
}