中心问题

Question

我正试图将一长串文字集中在一起。它不是在同一条线上，而是分成两条线。

这是HTML：

<div id="head">
    <h1>Hello</h1>
    <p><a href="#">Last.fm</a> / <a href="#">Twitter</a> / <a href="#">Dribbble</a> / <a href="#">GitHub</a></p>
</div>

CSS：

#head{
 border-bottom: 1px solid #ccc;
 margin: 0 auto;
 width: 760px;
 text-align: center;
}

#head p{
 line-height: 1em;
 margin: 0;
}

我得到了这个结果：

alt text http://i25.tinypic.com/awb8l4.png

我感到愚蠢。这可能是一个简单的答案，但我无法绕过它。帮助

Answer 1

发现问题。我插入了额外的</p>。卫生署！

感谢您的时间，大家。

Answer 2

您尚未关闭<p>代码

您确定没有其他CSS影响相关元素吗？ （例如，检查FireBug）。

尝试在!important宽度之后放置#head以查看是否可以解决问题。如果是这样，那么您有一个需要解决的级联问题。

Answer 3

当p标记不足以包含一行中的所有文本时，它会自动换行到空格。根据您的样式，您似乎应该有足够的width，但如果没有看到该页面，则很难知道。

您可以将white-space: no-wrap;添加到#head p个样式中，或在链接之间插入 。

发布链接，如果你可以，因为看起来你应该工作。