blob: f5176289b5c7ad8ab3b5e8cbdd2c9caab4d527af [file] [log] [blame]
<!DOCTYPE html>
<!--
| This test is to show that 'replaced boxes' have the correct height.
| Ref https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-height
-->
<html>
<head>
<style>
body {
margin: 0px;
}
div.large {
display: block;
width: 640px;
height: 360px;
}
div.small {
display: block;
width: 64px;
height: 36px;
}
video.test1 {
width: 64px;
height: 36px;
background: #001000;
}
video.test2 {
width: 32px;
background: #005000;
}
video.test3 {
height: 32px;
background: #009000;
}
video.test4 {
background: #00D000;
}
video.test5 {
height: 25%;
background: #00FF00;
}
</style>
</head>
<body>
<div class='large'>
<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>
<video class='test5'>Do not show this</video>
</div>
</body>
</html>