For an in-flow block element, percentage `margin-top` and `margin-bottom` are resolved. Engineers are often surprised they depend on width, not height. What is the actual reference dimension the engine uses?
.box { margin-top: 10%; margin-bottom: 10%; }