<!DOCTYPE HTML>
<title> Ensure top takes effect after element is centered </title>
<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/3973">
<link rel="match" href="div-auto-margin-top-ref.html">
<style>
#outer {
inset: 0;
background-color: black;
margin: auto;
top: 10px;
position: absolute;
block-size: max-content;
inline-size: 100px;
border: 5px solid red;
}
</style>
<div id="outer"><div style="block-size: 200px"></div></div>