2
respostas

Como centralizar itens numa página (imagens, formulários, tabelas) ?

Estou com essa pequena dúvida, quem puder auxiliar serei grato.

2 respostas

Bom voce pode usar o "align items" no seu css

exemplo:

.imagem {
        align-items: center;
}

Você também pode colocar um destes elementos citados dentro de uma div e centralizar o mesmo da seguinte forma:

Utilizarei uma classe como exemplo mas você pode usar outro tipo de seletor para isso.

HTML:


<div class="centralizar">
        <img src="teste.png" width="200px" height="200px" alt="imagem de teste">
</div>

CSS:


.centralizar{
    display: block;
    margin: 0 auto;
    width: 200px;
}

Desta forma você consegue centralizar, modificar o tamanho da imagem ou elemento e também dizer ao html que este elemento irá ocupar todo conteúdo daquela linha.