Can't run this code

Question

I wanted to make the buttons aligned in the middle. @Sami Khan
https://code.sololearn.com/WjGBbdKotGT6/?ref=app

Answer 1

Firstly, the class name of your buttons is 'Buttons', not 'buttons' (css is case sensitive).
Second, the 'text-align:center;' isn't necessary (but do not breaking code ;))
Third, as you set the buttons as 'display:block;' your <br> between them introduce space (of one line-heigth)... to fix it, you have to remove them, or just by Css set negative values for top and bottom margin (weird fix: better to remove unnecessary <br> elements ;P)

The working css rules:

.Buttons {
margin:-1.5ex auto;
display: block;
/* text-align: center;*/
}

Answer 2

I write it like the following :
.buttons {
margin: auto;
display: block;
text-align: center;
}

Answer 3

Add this to your .buttons :

.buttons {
margin: auto;
}

Answer 4

Still not working

Answer 5

I tried it and it worked. The 2 grey buttons are centered like this:
button
button

Answer 6

Exactly, and it works good for me when I run it.