The auto Value

div {
  width: 300px;
  margin: auto;
  border: 1px solid red;
}

You can set the margin property to auto to horizontally center the element within its container.

The element will then take up the specified width, and the remaining space will be split equally between the left and right margins.

The auto Value — Structure map

Clickable & Draggable!

The auto Value — Related pages: