Как выровнять список по центру?

Question

[issssrt]

<nav>
	<ul>
		<li><a href="#">text 1</a></li>
		<li><a href="#">text 2</a></li>
		<li><a href="#">text 3</a></li>
		<li><a href="#">text 4</a></li>
		<li><a href="#">text 5</a></li>
	</ul>
</nav>

nav - имеет ширина 960px
ul>li - float: left;
Как сделать так чтобы список (меню) было отцентрировано в блоке nav?

Answer 1

[yuchiko]

ul{text-align:center;}
ul li{display:inline-block;}

Нельзя? Или именно с float надо?

Answer 2

[A K]

Вариантов куча, вот три.
html

<nav>
    <ul>
        <li><a href="#">text 1</a></li>
        <li><a href="#">text 2</a></li>
        <li><a href="#">text 3</a></li>
        <li><a href="#">text 4</a></li>
        <li><a href="#">text 5</a></li>
    </ul>
</nav>

css
Вариант 1:

nav {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
nav ul {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
nav li {
    float:left;
}

Вариант 2:

nav {
    width: 960px;
    margin: 0 auto;
}
nav ul {
    display: table;
    margin: 0 auto;
}
nav li {
    float:left;
}

Вариант 3:

nav {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}
nav ul {
    display: inline-block;
}
nav li {
    float:left;
}

Answer 3

[Тимофей Белоусов]

Вариантов много, вот тут почитайте, там все (почти) варианты есть.

Answer 4

[AntonKorablin]

У меня вроде всё правильно но список все равно слева отображается
sib-ride.ru

Comments

[Aison]

код покажите