JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container1 items">
  Lorem
</div>

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

<div class="container1 content">
  Lorem
</div>

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

CSS

.container1 {
  display: grid;
  height: 80px;
  width: 200px;
  margin: 16px; 
  border: solid #79c0ff;
}

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

.items {
  place-items: center;
}

.content {
  place-content: center;
}