Html 调整分页链接的位置

我有以下HTML：

<div id="pager"><a href="asd" title="go to page 1" class="disabled">1</a>
<a href="asd" title="go to page 2">2</a>
<a href="asd" title="go to page 3">3</a><span class="elip">...</span>
<a href="asd" title="go to page 4">4</a></div>

无论我做什么，我都不能让“…”在底部对齐。在JSFIDLE中进行测试时，所有功能都可以正常工作，但不能在其外部工作，如下图所示（红色的X就是它，绿色的勾号就是我想要的）：

填充、文本大小、对齐方式、行高，似乎都不起作用。

试试：

---

您可以使用相对定位，我还稍微清理了您的css：

---

我在JSFIDLE中看到了同样的问题：

.elip
{
padding-top:3px;
letter-spacing:2px;
margin-left:5px;
}

#pager a{    
BORDER-BOTTOM: #E6E6E6 1px solid; 
BORDER-TOP: #E6E6E6 1px solid;
BORDER-RIGHT: #E6E6E6 1px solid; 
BORDER-LEFT: #E6E6E6 1px solid;
color: #585858;
padding: 7px;
padding-top:30px;
text-decoration: none;
color: #808080;
}

.elip {
    padding-top:3px;
    letter-spacing:2px;
    margin-left:5px;
    position:relative;
    bottom:-10px;
}

.elip {
padding-top:3px;
letter-spacing:2px;
margin-left:5px;
}

#pager a {    
border: #E6E6E6 1px solid; 
color: #808080;
padding:30px 7px 7px 7px;
text-decoration: none;
}

#pager span {
    top: 9px;
    position:relative;
}