@nvanyuk09

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

Не получается поставить пагинатор по центру страницы.

<!DOCTYPE html>
<html>
<head>
<style>
ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    background-color:#3F3F3F;
    margin-right: 8px;
}

ul.pagination li a:hover:not(.active) {
    background-color: #FF6600;
    }
</style>
</head>
<body>
    <ul class="pagination">
    <li><a href="#">&lsaquo; Предыдущая</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li><a href="#">6</a></li>
    <li><a href="#">Следущая &rsaquo;</a></li>
    </ul>

</body>
</html>
  • Вопрос задан
  • 64 просмотра
Решения вопроса 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
@igumenov
ul.pagination {
    display: block;
    padding: 0;
    margin: 0;
text-align: center;
}
Ответ написан
Комментировать
Benzin102
@Benzin102
Shitcoder
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы