blob: b2ef8b893facf971e95d6e83e46f0971c14ae5e7 [file] [log] [blame]
<!DOCTYPE html>
<!--
| Used value of 'width' is determined as for inline replaced elements.
https://www.w3.org/TR/CSS21/visudet.html#block-replaced-width
-->
<html>
<head>
<style>
body {
margin: 0px;
}
div.smallish {
display: block;
width: 640px;
height: 360px;
}
div.block {
display: block;
}
video {
display: block;
}
div.block40 {
display: block;
width: 40px;
}
div.inline {
display: inline;
}
video.test1 {
width: 64px;
height: 36px;
background: #001000;
}
video.test2 {
width: 32px;
background: #005000;
}
video.test3 {
height: 32px;
background: #009000;
}
video.test4 {
width: 20%;
background: #00FF00;
}
</style>
</head>
<body>
<div class='smallish'>
<div class='block'>
<video class='test1'>Do not show this</video>
<video class='test2'>Do not show this</video>
<video class='test3'>Do not show this</video>
<video class='test4'>Do not show this</video>
</div>
<div class='block40'>
<video class='test4'>Do not show this</video>
</div>
<div class='inline'>
<video class='test1'>Do not show this</video>
<video class='test2'>Do not show this</video>
<video class='test3'>Do not show this</video>
<video class='test4'>Do not show this</video>
</div>
</div>
</body>
</html>