how to center main in css code example

Example 1: center a div in css

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

Example 2: how to put container in center of page

#container
{
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

Example 3: css main container align center

margin: 0 auto;

Example 4: how to center anything inside your container

display: grid;
    place-items: center;
    height: 100vh;

Example 5: center main css

margin: auto;