Tenho uma div simples:
<div class="quadrant">
<h1>X</h1>
</div>
//CSS
.quadrant {
background-color: #E7E7E7;
margin: auto;
height: 40%;
width: 20%;
}
Quando eu tenho algum elemento dentro dessa div, como no caso acima (um H1 com um X) ela aparece normalmente
Mas quando eu tiro o X (Que será o padrão do que eu estou fazendo) Ela simplesmente some.
Eu gostaria que ao carregar a página, ela aparecesse mesmo que não tivesse conteúdo nenhum, pois o conteúdo dela será adicionado depois pelo usuário.