caption-relative-positioning.html (1075B)
1 <!DOCTYPE html> 2 <html> 3 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 4 <link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com"> 5 <title><caption> elements can be relatively positioned</title> 6 <meta name="assert" content="The caption is positioned relatively to the table wrapper"> 7 <link rel="help" href="https://drafts.csswg.org/css2/#relative-positioning"> 8 <link rel="match" href="/css/reference/ref-filled-green-100px-square.xht"> 9 <style> 10 caption { 11 position: relative; 12 background: green; 13 width: 100px; 14 height: 50px; 15 margin-left: 200px; 16 left: -200px; 17 } 18 </style> 19 20 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 21 <div style="width: 100px; background: red;"> 22 <table> 23 <caption style="caption-side: top"></caption> 24 </table> 25 <table> 26 <caption style="caption-side: bottom"></caption> 27 </table> 28 </div> 29 </html>