How to align the search input form and button in the center vertically and horizontally??

Question

I've created the form using html but cannot align it in center. I've tried using css but i can't figure out how. Can someone help me. Please provide the code if possible.
https://code.sololearn.com/WL7q1nOBuS4Z/?ref=app

Answer 1

//Thera are many ways but this is best for horizontal center
form{
text-align:center ;
/*Vertical align*/
padding-top:50%;
}