CodePen Embed - Centering a div in a page, basic

<div class="center-div"></div>

body
{
  padding: 30px;
  background-color: #fcfcfc;
}
.center-div
{
  margin: 0 auto;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  border-radius: 3px;
}

This Pen is owned by Tipue on CodePen.

See more by @Tipue on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.