Задать вопрос
@nvanyuk09
html

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

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

<!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>
  • Вопрос задан
  • 86 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
https://jsfiddle.net/7szxL0ca/
Ответ написан
4 комментария
4 комментария
@igumenov 
ul.pagination {
    display: block;
    padding: 0;
    margin: 0;
text-align: center;
}
Ответ написан
Комментировать
Комментировать
Benzin102
@Benzin102
Shitcoder
https://jsfiddle.net/qfxnez3b/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Расширение для Google Chrome
22 дек. 2024, в 20:34
3000 руб./за проект
Ещё заказы