Обычно существует набор ссылок в нижнем колонтитуле, представленном в списке, например:
<div id="footer">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
Я хочу, чтобы все в нижнем колонтитуле div # располагались по горизонтали. Если бы это был абзац, вы бы просто сказали: p { text-align: center; }
. Или, если бы я знал ширину <ul>
, я мог просто сказать #footer ul { width: 400px; margin: 0 auto; }
.
Но как вы центрируете неупорядоченные элементы списка без установки фиксированной ширины на <ul>
?
ИЗМЕНИТЬ: пояснение - элементы списка должны быть рядом друг с другом, а не ниже.