centering css

index.html

<div class="container">
  <div class="box">
    
  </div>
</div>

style.css

.container {
  height: 300px;
  width: 300px;
  background: #eee;
  position: absolute;
   
  margin: -150px 0 0 -150px;
  left: 50%;
  top: 50%;
}
 
.box {
  height: 100px;
  width: 100px;
  background: #222;
  position: absolute;
   
  /*Centering Method 2*/
  margin: -50px 0 0 -50px;
  left: 50%;
  top: 50%;
}

zFILm.markdown

zFILm

A Pen by Secret Sam on CodePen.

License.