Horizontally centring an element

[Udit_11]

code

• padding: 0
  margin: 0
  box-sizing: border-box

main
width: 1100px
margin: auto
background-color: red

margin:auto

You can set the margin property to auto to horizontally centre

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.