summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/dynamic/dirty-float-in-clean-line.html
blob: 6025775b1e66c2879dd4d1b817514b123010f81f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<style>
    #float {
        float: left;
        width: 50px;
        height: 50px;
        background-color: green;
    }
</style>
<div style="font: 20px Ahem; width: 220px; border: solid blue; -webkit-font-smoothing: none;">
    <span id="span">Lorem</span> ipsum dolor sit amet, consectetur <div id="float"></div>adipiscing elit.
</div>
<div style="z-index: -1; position: absolute; top: 91px; left: 11px; width: 50px; height: 50px; background-color: red;"></div>
<script>
    document.body.offsetTop;
    document.getElementById("span").innerText = "lorem";
    document.getElementById("float").style.height = "25px";
</script>