Como centralizar um div horizontal e verticalmente?

<!DOCTYPE html>

<html>

<head>

<style>

.container {

display: flex;

justify-content: center; /* Centraliza horizontal */

align-items: center; /* Centraliza vertical */

height: 100vh; /* Altura total da tela */

}

.box {

width: 200px;

height: 200px;

background: #3498db;

}

</style>

</head>

<body>

<div class=”container”>

<div class=”box”>Centralizado!</div>

</div>

</body>

</html>

WRITE MY PAPER

Comments

Leave a Reply