<html>
<head>
    <style>
    #block {
        margin: 0px;
        padding: 0px;
        position: absolute;
        width: 200px;
        background: blue;
        height: 20px;
        display: inline-block;
    }
    </style>
    <script>
    if (internals)
        internals.settings.setUseLegacyTextAlignPositionedElementBehavior(true)
    </script>
</head>
<body style="width: 800px;">
    <p> The two blue bars should be aligned with each other. </p>
    <div style="text-align: center" >
        <span style="position: absolute; top: 44px;">
            <div id="block"></div>
        </span>
    </div>
    <div id="block" style="position: absolute; top: 80px;"></div>
</body>
</html>