Ao invés de utilizar o display: block, posso utilizar display: flex; flex-direction: column; para deixar o botão embaixo da imagem?
Ao invés de utilizar o display: block, posso utilizar display: flex; flex-direction: column; para deixar o botão embaixo da imagem?
Bom dia Maurício!
Sim, você pode utilizar o display: flex juntamente com flex-direction: column no lugar do display: block.
html
div class="container_img">
<img src="#" alt="Imagem">
<button>Cadastrar</button>
</div>
css
.container_img{
display: flex;
flex-direction: column;
align-items: center;
}
Qualquer dúvida, estou a disposição!