调整分页链接的位置

Question

我有以下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>

和CSS：

.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;
}

无论我做什么，我都无法将'...'对齐到底部的底部。在JSFiddle中进行测试时，一切都有效，但不能在下面拍摄（红色X就是这样，绿色刻度是我想要的）：

填充，文本大小，对齐方式，行高，似乎没什么用。

Answer 1

尝试this：

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

Answer 2

你可以使用相对定位，我也清理了你的css：http://jsfiddle.net/ptriek/LfUDB/2/

.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;
}