Box Model & Layout

CSS Align

Centering elements horizontally and vertically.

1Centering Techniques

Margin auto for horizontal block centering. Flexbox for easy vertical centering.

Example Code

.center-block {
  margin: 0 auto;
}
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

Finished reading?

Mark this topic as complete to track progress.