html - 如何让 a 标签垂直居中到 footer 标签？

Question

我怎样才能让 <a>标记垂直中心到 <footer>标签？

下面是我的 CSS:

.header-article-list a {

    width:50%;
    color: #000000;
}

.header-article-list .prev-btn {


   float:left;

}
.header-article-list .next-btn {

    float:right;
}

它没有让 <a>标记垂直中心到 <footer>标签。

这是 <footer>在浏览器中:

这是 <a>浏览器中的标签:

这是 <span>标签:

---

编辑

我将 css 设置如下:

.header-article-list a {

    overflow:hidden;
    width:50%;
    color: #000000;
}

.header-article-list .prev-btn {


  /** float:left; **/

}
.header-article-list .next-btn {

  /**  float:right;**/
}

得到如下效果:

---

EDIT-2

有text-align:center继承自 header-article-list ，我在浏览器中取消选中它:

Answer 1

您可以在 css 中使用此代码:

footer {
background-color: #FFF;
position:fixed;
bottom: 0px;
width: 100%;
text-align: center;
}

HTML:

   <footer align="center">
    <a href="#">March 25, 2</a>
   </footer>

您可以在此处显示示例:http://jsfiddle.net/9yNT3/3/