Breaking News: Grepper is joining You.com. Read the official announcement!

why doesn't margin auto work vertically

Mehrose Nasir answered on August 22, 2023 Popularity 3/10 Helpfulness 1/10

answer why doesn't margin auto work vertically

why doesn't margin auto work vertically

Comment

Actually, it does – just not for every display value.

If display is flex, margin: auto centers both vertically and horizontally.

The same applies to display: inline-flex, display: grid and display: inline-grid.

.box {
  border: 1px solid red;
  width: 100px;
  height: 100px;
  display: flex; /* new */
}
.center {
  background: blue;
  width: 50px;
  height: 50px;
  margin: auto;
}

Popularity 3/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: auto css margin

Link to this answer
Share Copy Link