如何使用内联块显示正确排列列的顶部？

Question

我环顾四周无济于事。我是CSS的新手，所以这可能很简单。基本上我有4个列在页面上伸展，无论出于何种原因，第2列和第4列的顶部高于其他两列。每列有2个链接。

这是代码。

ul {
width:240px;
list-style-type:none;
float:left;
padding-left:0px;
padding-right:0px;
margin-left:0px;
margin-right:0px;
}

li {
text-align: center;

}

.links {
height: 250px;
width: 1000px;
top: 0px; left: 0px;
margin-top: 9px;
position: absolute;
//-moz-column-count: 4;
column-count: 4;
display: inline-block;
}

a {
text-decoration: none;
font-family: 'haxr';
font-size: 30px;
height: 250px;
line-height: 30px;
color: #3b3b3b;
}

a:hover {
transition: color 0.4s ease;
color: #ff1957;
transition: font 0.15s ease;
font-size: 40px;
}

有人告诉我，我做错了什么！