Vertical Horizontal Center

Vertical Horizontal Center

This is the body code.

1. Vertical Horizontal Center

   
   

Parse: Parent element relative child element Absolute, child element set wide height, top and left set to 50%,margin-top and Margin-left set to half of height width multiplied by-1.

2. Center horizontally:

Method 1:margin:0 Auto;

Method 2:

Parse: Parent element relative, child element Absolute, child element set width, Left:50%;margin-left: Half of width multiplied by-1;

3. Center vertically:

Parse: Parent element relative, child element Absolute, child element set height, Top:50%;margin-top: Half of width multiplied by-1;

