Como centralizar uma div na tela

HTML

CSS

24/05/2017

Oi gente, to precisando fazer uma coisa com uma div.

Preciso centralizá-la no meio da tela.

Não consegui achar nada com o bootstrap.

Como faço isso?
Larissa Aguiar

Larissa Aguiar

Curtidas 0

Melhor post

Fabio Parreira

Fabio Parreira

24/05/2017

Tenta isso.

.centered {
  position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
}
GOSTEI 1

Mais Respostas

William Nascimento

William Nascimento

24/05/2017

Bom se você estiver usando o Bootstrap use a classe container, senão poderá fazer da seguinte forma.

HTML:
     <div id="geral"></div>


CSS:
*{
   margin: 0px;
   padding: 0px;
}
#geral{
     margin: auto;
     width: 980px;
     height: auto;
}


A 1° regra do css se refere ao css reset

A 2° regra (#geral) é a div centralizada
GOSTEI 0
Larissa Aguiar

Larissa Aguiar

24/05/2017

Oi gentee :)

Obrigada mais uma vez!

Mas queria perguntar, vocês acham que seria melhor adotar o bootstrap para resolver esse e outros problemas que possam vir pela frente ou é melhor eu usar minhas próprias folhas de estilo?
GOSTEI 0
Fabio Parreira

Fabio Parreira

24/05/2017

O Bootstrap já está pronto, sem contar que é todo responsivo. Creio que seja mais vantajoso.
GOSTEI 0
POSTAR