JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <div class="padre">
  <p>David</p>
  <p>Calle Desengaño 21</p>
  <p>963998877</p>
</div>
</body>

CSS

.padre {
  display:flex;
  justify-content: center;
  align-items: center;
  flex-flow: column wrap;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}