<div class="col-container">
  <div class="col-center">
    Hello, I am center aligned.
  </div>
</div>
.col-container{
  /* styling */
  background:#f00;
  height:300px;
  /* Actual stuff */
  display:flex;
  justify-content: center;
  align-items:center;
}
.col-center{
  /* styling */
  background:#0f0;
  height:100px;
  width:300px;
  /* Actual stuff */
  display:flex;
  justify-content:center;
  align-items:center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.