How to use CSS to center floating elements

This article mainly introduces the method of using CSS to center floating elements, is the basic knowledge of CSS primer learning, the need for friends can refer to the following

Method One

Set the container to float in absolute position
Then determine the width of the container, such as the Width 500 high 300 layer
Then set the margin of the layer

p{           width:500px;           height:300px;           margin:-150px 0 0-250px;           Position:absolute;           left:50%;           top:50%;           Background-color: #000;   }

Method Two

The parent and child elements are left floating at the same time, then the parent element moves relative to the left by 50%, then the child element moves relative to the right 50%, or the child element moves relative to the left-50%.

<! DOCTYPE html>