
  .h400 { height: 400px; }
  .w300 { width: 300px; }
  .h200 { height: 200px; }
  .w100 { width: 100px; }
</style>
<div id=ref></div>
<div id=c1>
  <div id=c2>
    <div id=c3>
      <div id=c4>
        <div id=child>Test</div>
      </div>
    </div>
  </div>
</div>
<script>
  setup(() => assert_implements_size_container_queries());

  function assert_unit_equals(element, actual, expected) {
    try {
      element.style.margin = actual;
      ref.style.margin = expected;
      assert_equals(getComputedSty