How to keep a Button exactly at the center horizontaly inside a div?

Answer 1

div {
display: flex;
}

button {
margin: auto;
}

https://code.sololearn.com/WOeM1xJ20vD2/?ref=app

Answer 2

Calviղ Thanks 😊

Answer 3

https://code.sololearn.com/WeXwnVT14xez/?ref=app

Answer 4

I use

button{
margin:auto;
display:block;

}

Answer 5

https://code.sololearn.com/WwUSxpOCp8eq/?ref=app

Answer 6

I use

button{
margin:auto;
display:block;

}

Answer 7

v align and h align tutorial
by Domino
https://www.sololearn.com/post/37760/?ref=app

About two months later, Domino herself recommended to use old ways because flexbox has compatibility issue.

Answer 8

div{
display:flex;
justify-content:center;
align-items: center;
}

Answer 9

calvin... why is the display flex pls?

Answer 10

button{
margin:0 auto;
}
first value for vertical and next value for horizontal
u can use % or px or auto (this method your browser set it up)

Answer 11

Gordon Why @domino profile is an empty page? 😱

Answer 12

Calviղ 😭