wpt / css / css-sizing / stretch / auto-margins-1.html

Status: FAIL | Duration: 2ms | Subtests: 1/2 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (1/2)

Data from commit:
708eb61 WPT runner: support mismatch reftests and multiple rel=match links (#665) (2026-08-09)

SubtestStatusMessage
[data-expected-width] 1PASS
[data-expected-width] 2FAILassert_equals: data-expected-width expected 100 got 25 assert_equals: data-offset-x expected 0 got 38

/css/css-sizing/stretch/auto-margins-1.html

<!DOCTYPE html>
<link rel="help"
  href="https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing">
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
<script src="/resources/check-layout-th.js"></script>
<meta name="assert"
  content="auto margins are treated as 0 in basic horizontal centering cases">

<body onload="checkLayout('[data-expected-width]')">

  <div style="width: 100px; position: relative; border: solid">
    <div style="margin: 0 auto; width: stretch; background: lime;"
      data-expected-width="100" data-offset-x="0">lorem</div>
  </div>

  <div style="width: 100px; position: relative; border: solid">
    <div
      style="margin: 0 auto; min-width: stretch; width: 25px; background: lime;"
      data-expected-width="100" data-offset-x="0">lorem</div>
  </div>