<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<link rel="author" href="https://mozilla.org" title="Mozilla">
<style>
  .cb {
    position: relative;
  }
  audio, video, canvas, iframe, svg {
    border: 1px solid blue;
    position: absolute;
    /* This value corresponds to the difference between wrapper
       divs' width in the testcase. It causes the elements to
       be shifted right to prevent the test from spuriously
       passing by just placing them on the leftmost side. */
    left: 100px;
  }
</style>
<body>
  <div class="cb">
    <audio controls></audio>
    <video controls style="top: 50px;"></video>
    <canvas style="top: 210px;"></canvas>
    <iframe style="top: 370px;"></iframe>
    <svg style="top: 530px;" width="300" height="20"></svg>
  </div>
</body>