Как отцентрировать хлебные крошки посередине?

Question

[Nikita Shchypylov]

И так, есть список :

<ul>
	<li>First</li>
	<li>Second</li>
	<li>Third</li>
</ul>

ul {
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

ul li {
	float: left;
}

Сейчас он ставиться посередине, но при адаптиве пункты спрыгивают вниз, хотя место по бокам еще есть.
Что делать?

Answer 1

[Александр Беляков]

ul {
  display: block;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

ul li {
 display: inline-block;
}

Comments

[Nikita Shchypylov]

Спасибо большое!