How to centre using css?

Question

I want to make a static web page to look like this:
https://miro.medium.com/max/1400/1*7zTYsEk1Le_PiQrq2xJHBA.png
but I don't know how to centre things using css
This is my code:
https://code.sololearn.com/W4OW8BX20mWG/?ref=app

Answer 1

use table

td:first-child {
text - align : left
}

td:last - child {
text - align :right
}

Answer 2

Make a habit, try not to use <br> in any css styling, use div or any block element instead.

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

Answer 3

form{
text-align: center;
}

add align center to your css