anchor-position-multicol-colspan-003.html (1206B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://issues.chromium.org/issues/425569859"> 4 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 5 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 6 <div style="writing-mode:vertical-rl; position:relative;"> 7 <div style="columns:5; gap:0; inline-size:100px; background:red;"> 8 <div style="position:relative; block-size:70px;"> 9 <div style="block-size:30px; background:green;"></div> 10 <div style="anchor-name:--a; position:absolute; inline-size:100%; block-size:40px; background:green;"></div> 11 </div> 12 <div style="block-size:30px; background:green;"></div> 13 <div style="column-span:all; block-size:20px; border-inline-start:20px solid green; border-inline-end:20px solid green;"></div> 14 <div style="block-size:60px; background:green;"></div> 15 <div style="block-size:180px;"></div> 16 <div style="block-size:60px; background:green;"></div> 17 </div> 18 <div style="position:absolute; position-anchor:--a; position-area:block-end center; inline-size:100%; block-size:80px; background:green;"></div> 19 </div>