positioned-replaced-2.html (600B)
1 <!DOCTYPE html> 2 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 3 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 4 <link rel="help" href="https://github.com/servo/servo/pull/34430"> 5 <p>Test passes if there is a filled green square.</p> 6 <style> 7 canvas { 8 position: absolute; 9 background: green; 10 width: stretch; 11 height: stretch; 12 top: 50px; 13 left: 50px; 14 } 15 </style> 16 <div style="display: flow-root; position: relative; width: 150px; height: 150px; margin-top: -50px; margin-left: -50px;"> 17 <canvas width="50" height="25"></canvas> 18 </div>