テキストをボックスの天地中央に配置するCSS

.box {
  display: flex;
  align-items: center;   /* 上下中央 */
}

.box {
  display: flex;
  align-items: center;   /* 上下中央 */
}

.box {
  display: flex;
  justify-content: center; /* 左右中央 */
  align-items: center;     /* 上下中央 */
}

.box {
  display: flex;
  justify-content: center; /* 左右中央 */
  align-items: center;     /* 上下中央 */
}