CodePen Embed - Center multi blocks(flex)

<div class="wrap">
  <div>This is block one</div>
  <div>This is block two</div>
  <div>This is block three</div>
  <div>This is block four</div>
</div>

.wrap {
  background: black;
  display: flex;
  justify-content: center;
}

.wrap div {
  background: white;
  margin: 10px;
}

This Pen is owned by Pengfei Wang on CodePen.

See more by @AhCola on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.