Css enables DIV to be horizontally and vertically centered on the screen

This section describes how to align a div element horizontally and vertically in full screen mode. The Code is the most convincing and you can directly look at the code. The Code is as follows:

Css enables DIV to be horizontally and vertically centered on the screen
 

Online operation

The above code centers p in full screen on the webpage. The following describes the implementation process.

Implementation principle:

Set the p element to absolute positioning, and set its left and right attribute values to 50% respectively. At this time, p is not centered, and the center is the upper left corner of p, therefore, we need to pull a certain distance from the top to the left, which is half of the height and width respectively.