16 lines
489 B
HTML
16 lines
489 B
HTML
<!DOCTYPE HTML>
|
|
<title> Ensure bottom 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-bottom-ref.html">
|
|
<style>
|
|
#outer {
|
|
inset: 0;
|
|
background-color: black; margin: auto;
|
|
bottom: 10px;
|
|
position: absolute;
|
|
block-size: min-content;
|
|
inline-size: 100px;
|
|
border: 5px solid red;
|
|
}
|
|
</style>
|
|
<div id="outer"><div style="block-size: 200px;"></div></div>
|