Html 如何将这些页脚a'；s

如果您转到并向下滚动到页脚，您将看到链接位于右下角

我怎么能把它们放在中间

---

请使用Firebug或inspect element以方便访问代码。

将li元素正确封装在ul中，并在其上设置

边距：0 auto

---

您可以使用

li+li:before{content:“|”；}

删除类声明的CSS float:right，而不是使用li元素作为分隔符

.footer a {
    float: right; //Remove this
    display: block;
    margin-right: 5px;
    color: black;
}

---

因此，我将从div class=“footer”开始自上而下，您需要更改或添加以下css属性：

.footer {
   display: block;
   text-align: center;
   width: auto;
}

页脚内链接的li：

.footer li {
   display: inline-block;
}

然后，在上述li标记中添加a标记：

.footer li a {
   display: inline-block;
   float: none;
}

---

试着用

然后添加以下css：

.footer {
   display: block;
   text-align: center;
}
.footer ul {
   margin: 0 auto;
}
.footer li {
   float: left;
   display: inline-block;
}

---

移除<代码>浮动：右侧来自

.footer a

并用

ul

<div class="footer">
    <ul>
          <li><a href="/songs/new">Submit |</a></li>
          <li class="divider"></li>
          <li><a href="/faq">FAQ | </a></li> 
          <li class="divider"></li>
          <li><a href="/contact">Contact Us </a></li>
    </ul>
</div>

首先，您应该将这些LI中的每一个封装在UL或OL中

与其他人指出的相反，你不需要给UL/OL一个0 auto的余量，因为它已经占据了它所拥有的全部空间。或显示：将块与页脚和文本对齐。因此，当您设置文本对齐时：居中对齐li；它们将神奇地进入元素的中心。无需将父元素（ul）居中

此外，如果你想以正确的方式做事，就不要使用br标记，而是使用边距或填充来在布局周围留出空间

所以,；您只需向代码中添加以下内容：

ul{
text-align:center;
}

ul li{
display:inline-block;
}

很抱歉在回答中提到这一点。我宁愿对最重要的答案发表评论。我没有足够的代表做那件事。不要追逐荣誉

---

希望这有帮助

你的意思是“联系我们，常见问题解答…”？啊，这是最接近解决问题的方法，因为链接现在已居中。虽然它们是垂直的而不是水平的。你的意思是水平居中而不是垂直的，对吗？常用的方法是设置一个填充。通过删除.footer div顶部的
，然后设置padding:30px 0；大致上，它会将内容放在中心位置。我会在之前使用

li+li:before

，这样您只会在元素之间获得分隔符。