Em uma página HTML existe o seguinte bloco: <div> <div> <h1> Mega Mac </h1> </div> </div> Esse bloco HTML é configurado em um arquivo CSS externo da seguinte forma: body{text-align:center;} #principal {margin: 0 auto;width: 1000px;height:1000px;background-color:#c0c0c0} #logo {width: 100%;height:20%;background-color:#336699}. Pode-se dizer que a altura do div cujo valor do atributo id é logo é: