Answer 1

Mante Dominic Kwesi

.container{
text-align:center;
}

edit]:

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

Answer 2

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

Answer 3

<div class="container" align="center">.... <\div>
brings the button in the middle.
But when you click the button, there is a list appear, that is not in the middle.

Answer 4

Try
.btn {
margin: auto;
}

In a nutshell: make sure that the margin-right and margin-left properties have a auto value

Answer 5

Step:-1 First Block the Display of Div using Dispaly:block;

Step:-2 and Use margin:auto; in your div