Центрирование проблем

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

И яполучить такой результат:

альтернативный текст http://i25.tinypic.com/awb8l4.png

Я чувствую себя непристойно глупым.Вероятно, есть простой ответ на это, но я не могу обернуть голову вокруг этого.Помощь

Answer 1

Нашел проблему. Я вставил дополнительный </p>. Doh!

Спасибо за ваше время, все.

Answer 2

Он автоматически переносится в пробел, когда тег p недостаточно велик, чтобы вместить весь текст в одну строку. Может показаться, что у вас должно быть достаточно width в зависимости от ваших стилей, но, не видя страницы, это сложно понять.

Вы можете добавить white-space: no-wrap; к вашим #head p стилям или вставить   между ссылками.

Разместите ссылку, если можете, поскольку кажется, что у вас должно работать.

Answer 3

Вы не закрываете свой <p> тег

Вы уверены, что нет других CSS, влияющих на соответствующие элементы? (например, проверьте в FireBug).

Попробуйте разместить !important после вашей #head ширины, чтобы увидеть, исправляет ли это что-то. Если это так, то у вас есть каскадная проблема, которую вам нужно решить.