Как выровнять пагинацию по центру без известной ширины?

Question

[Алексей]

Здравствуйте, есть такой код:

вот для него scss:
div.pages {
clear: both;
text-align: center;
ul {
text-align: center;
li {
float: left;
}
}
}

Как мне его выровнять по центру внутри блока pages (блок pages % ширины) и не известно сколько страниц будет в пагинации

Answer 1

[Вадим Белкин]

li {
float: none;
display: inline-block;
vertical-align: middle; /* top - на усмотрение*/
}

Answer 2

[Сергей Мельников]

jsbin.com/ritigedose/1/edit?html,css,output