Как выровнять `<p>` по центру (и по горизонтали, и по вертикали) внутри `div`?

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.box p {
  margin: 0;
  text-align: center; /* если многострочный текст */
}

.box {
  display: grid;
  place-items: center;
}