Center vertical and horizontal anything in three lines of code #cssawesometrick

Centering a box in css going to be very easy with these three lines of code what you just need to do just create a class and add these migical css lines of code and apply to any tag it will be aligned vertically and horizontally center.

.center {
  width: 300px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}