Sometimes for us silly problem make us wet with sweat. Centering div from both horizontally and vertically may be one of them. I found a sweet and easy way to make a div centered. I think, it is the most easiest way. Here it is ..

<!DOCTYPE html>  
    <meta charset="utf-8">
    <title>Centering DIV</title>

The CSS part us really cool

div {  
  background: green;
  bottom: 0;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;

I will explain later why this works. But need to take a nap for now.

© 2016. All Rights Reserved.

Proudly published with Ghost