<html>
<head>
    <style>
    #block {
        margin: 0px;
        padding: 0px;
        position: absolute;
        width: 200px;
        background: blue;
        height: 20px;
        display: inline-block;
    }
    </style>
</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; left: 408px;"></div>
</body>
</html>