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

Question

[tostershmoster]

https://codepen.io/tostershmoster/pen/oNbyymB

display: flex;
justify-content: center;

и

margin: 0 auto;

ничего не меняют

Answer 1

[Юрий]

display: flex и justify-content: center нужно применять не к самой кнопке, а к её непосредственному родителю.
Но ещё проще добавить к кнопке display: block, тогда margin: 0 auto будет работать, и можно будет обойтись без флексов:

.history__button{
  display: block;
  margin: 0 auto;
  border-radius: 10px;
}