JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div>
  <p>Hello,</p>
  <p>World!</p>
</div>

<div>
  <p>Hello, World!</p>
</div>

CSS

div {
  display: flex;
  width: 200px;
  height: 200px;
  background: yellow;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: column;
  margin: 20px;
}
p {
  margin: 0;
  padding: 0;
  line-height: normal;
}