layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/margin-collapsing/inline-block-sibling-2-dyn.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,38 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html class="reftest-wait">
     1.6 +<head>
     1.7 +<style type="text/css">
     1.8 +div {
     1.9 + height: 20px; width: 100%;
    1.10 + background-color: blue;
    1.11 + vertical-align: bottom;
    1.12 +}
    1.13 +#block1 {
    1.14 + margin-bottom: 15px;
    1.15 +}
    1.16 +#inline-block1 {
    1.17 + margin: 25px 0 25px;
    1.18 +}
    1.19 +#inline-block2 {
    1.20 + margin: 15px 0 15px;
    1.21 +}
    1.22 +#block2 {
    1.23 + margin-top: 25px;
    1.24 +}
    1.25 +</style>
    1.26 +<script type="text/javascript">
    1.27 +function test() {
    1.28 + document.getElementById('inline-block1').style.display = 'inline-block';
    1.29 + document.getElementById('inline-block2').style.display = 'inline-block';
    1.30 + document.documentElement.removeAttribute('class');
    1.31 +}
    1.32 +document.addEventListener('MozReftestInvalidate', test, false);
    1.33 +</script>
    1.34 +</head>
    1.35 +<body>
    1.36 +<div id="block1"></div>
    1.37 +<div id="inline-block1"></div>
    1.38 +<div id="inline-block2"></div>
    1.39 +<div id="block2"></div>
    1.40 +</body>
    1.41 +</html>

mercurial