Centralizar DIV usando CSS

0

 Para criar uma div com 300px de altura e 300px de largura e um parágrafo “Ver e Fazer” no centro, você pode usar o seguinte código HTML e CSS:


HTML

<div class="container">

  <p>Ver Fazer</p>

</div>

CSS


.container {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 300px;

  width: 300px;

  border: 1px solid black;

}


p {

  text-align: center;

}


O CSS acima usa a propriedade display: flex para centralizar verticalmente e horizontalmente o parágrafo dentro da div. A propriedade justify-content: center centraliza horizontalmente o conteúdo da div, enquanto a propriedade align-items: center centraliza verticalmente o conteúdo da div. A propriedade height define a altura da div e a propriedade width define a largura da div. A propriedade border adiciona uma borda preta de 1px à volta da div. A propriedade text-align: center centraliza o texto dentro do parágrafo.


Tags

Postar um comentário

0Comentários

Postar um comentário (0)


#buttons=(Aceitar !) #days=(20)

Nosso site usa cookies para melhorar sua experiência. Ver
Accept !