如何让标签垂直居中到页脚标签？

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;**/
}

获得以下效果：

修改-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/

Answer 2

如果是inline，您只需将text-align: center;添加到父<footer>即可。

如果是display:block，请为其指定宽度并添加margin:auto;以进行水平居中。