table-caption-2.html (727B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #rel { 6 position: relative; 7 margin: 2px; 8 padding: 0; 9 } 10 .abs { 11 position: absolute; 12 margin: 0; 13 padding: 0; 14 top: 25px; 15 left: 25px; 16 width: 50px; 17 height: 50px; 18 background-color: green; 19 } 20 #bad { 21 background-color: blue; 22 } 23 </style> 24 </head> 25 <body> 26 The green square should not completely cover the blue square. 27 <div class="abs" id="bad"></div> 28 <div style="position: relative"> 29 <table> 30 <caption id="rel"><div class="abs"></div></caption> 31 <tr> 32 <td></td> 33 </tr> 34 </table> 35 </div> 36 </body> 37 </html>