Как прижать кнопку к низу блока CSS?

В CSS рекомендую использовать поля и отступы от содержимого до краев блока.

Типа:

<center></center>

<div align=”center”></div>

<div style=”text-align:center”></div>

Попробуй обернуть кнопку в контейнер flex — элемент, которому задано свойство display со значением flex. И пропиши justify-content по центру. Футер в этом случае будет постоянно внизу при расширении или уменьшении родителя, а кнопка располагаться по центру. Если же хочешь, чтобы подвал не заезжал на кнопку, используй padding-bottom.

Ну вам же написали — вы скорее всего не задали высоту блока 100%, а также надо прописать в display: flex, а в justify-content: center. Пример CSS во вложении.

Ничего лучше flexbox – макета CSS-3, не знаю. Вешать на <p абсолютное позиционирование не советовал бы. Родителю в этом случае нужно задавать нижний паддинг значением высоты параграфа, иначе все схлопнется. А это сделать уже не так просто. К примеру, можете сделать вот так.

Делать через inline-block — плохая идея. Это просто свойство для выравнивания, а никак не для компоновки блока. В таких сетках используется свойство float (left/right). Большинство html-фреймвоков их как раз и применяют, так как этот код хорошо поддерживается старыми браузерами. Однако от существенных недостатков никуда не деться:

• Отсутствует высота, поэтому трудно выровнять элементы по вертикали;
• Элементы будут цепляться друг за друга, если не знать, сколько их точно будет в ряду.