Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" title="David Shin" href="mailto:dshin@mozilla.com">
<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>