<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                -webkit-column-count: 2;
            }

            div {
                width: 50px;
                height: 50px;
                background-color: green;
            }

            #div1 {
                display: inline-block;
                background-color: orange;
            }
        </style>
    </head>
    <body>
        <p>Test for WebKitBug <a href="https://bugs.webkit.org/show_bug.cgi?id=139390">139390</a></p>
        <p>A block level element inserted into an inline element should be properly displayed in a multicol element.</p>
        <p>On success you should see 2 rectangles in the right column, one green and one orange and no assert.</p>
        <br/>
        <span>
            <span id="target"></span>
            <div id="div1"></div>
		</span>
        <script>
            if (window.testRunner)
                window.testRunner.dumpAsText();

            // Force layout.
            document.body.offsetTop;

            // Insert the block element and split the inline element.
            var div = document.createElement("div");
            document.getElementById("target").appendChild(div);
        </script>
    </body>
</html>
