blob: eb0ca483fcf40409affdd2fbdf564c3ee44117f2 [file] [log] [blame]
<!DOCTYPE html>
<!--
| A computed value of "auto" for "margin-left" or "margin-right" becomes
| a used value of "0".
| https://www.w3.org/TR/CSS21/visudet.html#inline-replaced-width
-->
<html>
<head>
<style>
.zero-width {
background-color: #f44336;
}
.non-zero-width {
background-color: #4caf50;
}
.container {
display: inline-block;
height: 100px;
}
.auto-margin {
margin: 0 auto;
}
.non-auto-margin {
margin: 0 50px;
}
video {
width: 0;
}
</style>
</head>
<body>
<div class="zero-width container">
<video class="auto-margin"></video>
</div>
<div class="non-zero-width container">
<video class="non-auto-margin"></video>
</div>
</body>
</html>