Center div vertically and horizontally

by greatCar

HTML

<div class = "wrap">
  
  <div class="inner">
    
    <span>Gary's text!</span>
  </div>
  
  
</div>

CSS

.wrap {
  display: flex;
  justify-content: center;
  width: 33.33%;
  height: 200px;
  background: navy;
}

.inner {
  background: gold;
  align-self: center;
  padding: 2rem;
}