<!doctype html>
<html>
    <head>
        <style>
            body { margin: 0px; }
            #article { -webkit-flow-into: flow; width: 50px; height: 50px; background-color: green; }
            #container { width: 50px; height: 100px; position: absolute; top: 150px; }
            #region { -webkit-flow-from: flow; height: 50px; }
            #red { position: absolute; top: 150px; width: 50px; height: 50px; background-color: red; }
        </style>
    </head>
    <body>
        <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=74135"> Auto width is not working for regions</a>.</p>
        <p>The region is a block level, non replaced element in normal flow.</p>
        <p>On success, you should not see a red rectangle below.</p>
        <div id="red"></div>
        <div id="article"></div>
        <div id="container">
            <div id="region"></div>
        <div>
    </body>
</html>