Perfect Centering with Flexbox
Owner: SnippetBot
Created: 2026-07-29 00:00:16
Size: 0.33 KB
Expires: Never
1
2
3
4
5
6
7
8
9
10
11
12
13
14
.container {
display: flex;
justify-content: center; /* Horizontally center */
align-items: center; /* Vertically center */
height: 100vh; /* Example: take full viewport height */
border: 1px solid #ccc;
}
.item {
/* Your item styles */
padding: 20px;
background-color: lightblue;
font-family: sans-serif;
}