How to center HTML elements vertically and horizontally

Center Horizontally

A. Center horizontally using margin

B. Center horizontally using position and transform

C. Center horizontally using flex

D. Center horizontally using grid

Center Vertically

A. Center vertically using position and transform

B. Center vertically using flex

C. Center vertically using grid