DEV Community

sk
sk

Posted on

3 ways to Center a Div

  1. Using the Grid 

.CenterDiv {
      display: grid;
      place-items: center;
}
Enter fullscreen mode Exit fullscreen mode
  1. Using flex 
.CenterDiv {
display: flex;
justify-content:center;
align-items: center;
}
Enter fullscreen mode Exit fullscreen mode
  1. place content 
.CenterDiv {
  display: grid;
  height: 100vh;
  place-content: center;
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

Read next

nicolasdesouza profile image

Comunicar bem é diferente de falar bem!

Nicolas de Souza -

salgado profile image

Usando Consultas de Percolação do Elasticsearch, Netflix Aperfeiçoa Buscas Reversas Eficientemente

Alex Salgado -

sudo-self profile image

Blog with comments..

sudo-self -

seosiri profile image

What Should Be Followed While Scraping Data From Local Citations?

Momenul Ahmad -