Как я могу выровнять нумерацию страниц по центру нижней части экрана? ⇐ CSS

[Anonymous]

Я пытаюсь разместить нумерацию страниц в центре нижней части страницы и использую компонент Angular Material mat-paginator.

Это результат прямо сейчас:
1:

2:


Как вы можете видеть, mat-paginator теперь находится над моим mat-accordion и не опускается вместе с потоком страницы, а находится слева. сторона вместо центра.

Это мой код:

HTML:
{{ Заголовок поста }}
{{ post.content }}



CSS:

:host { дисплей: блок; маржа-верх: 1рем; } .info-текст { выравнивание текста: по центру; } .post-изображение { ширина: 50%; } .post-image img { ширина: 100%; граница: 2 пикселя, сплошной RGB (202, 202, 202); } мат-пагинатор { дисплей: гибкий; оправдание-содержание: центр; } Мой вопрос: как мне сделать так, чтобы нумерация страниц располагалась внизу по умолчанию?