I can't figure out why my div is losing vertical margin on a horizontal resizing of the screen if the margin I give the div is margin: 20% auto
. Am I misunderstanding how the percentages work? Below is a demo.
body {
background-color: black;
}
.main {
background-color: white;
color: black;
margin: 20% auto;
padding: 2em;
text-align: center;
}
<div class="main">
<h1>Hello World!</h1>
</div>
See Question&Answers more detail:os