<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Containment Test: Size containment replaced elements intrinsic size</title>
<link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size">
<link rel="match" href="../reference/ref-filled-green-100px-square.xht">
<meta name=assert content="This test checks that intrinsic size of replaced elements with 'contain: size' is zero.">
<style>
svg {
  background: green;
  padding: 50px 0;
  contain: size;
}
</style>

<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<svg width="100" viewBox="0 0 50 50">
  <rect fill="red" width="50" height="50"/>
</svg>