JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container2 items">
  <span>Lorem</span>
  <span>Lorem</span>
  <span>Lorem</span>
</div>

<div class="container2 content">
  <span>Lorem</span>
  <span>Lorem</span>
  <span>Lorem</span>
</div>

CSS

.container2 {
  display: grid;
  height:200px;
  width: 300px;
  margin: 40px; 
  border: solid #48d8bb;
}

.container2 > span {
  border: 1px solid #794cc3;
}

.items {
  place-items: center;
}

.content {
  place-content: center;
}