Center anything with flexbox

Center a child element both horizontally and vertically.

CSS6 linesUpdated Jul 17, 2026

CSS

.center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}