table-caption-3.html (934B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 table { 6 width: 300px; 7 height: 300px; 8 background-color: blue; 9 } 10 td { 11 margin: 0; 12 padding: 0; 13 } 14 #rel { 15 position: relative; 16 margin-left: 2px; 17 margin-top: -2px; 18 padding: 0; 19 } 20 #abs { 21 position: absolute; 22 margin: 0; 23 padding: 0; 24 top: 25px; 25 left: 25px; 26 width: 50px; 27 height: 50px; 28 background-color: green; 29 } 30 </style> 31 </head> 32 <body> 33 The green square should not touch the blue square. 34 <table> 35 <tr> 36 <td></td> 37 <td></td> 38 </tr> 39 <tr style="height: 100%"> 40 <td></td> 41 <td></td> 42 </tr> 43 <tr> 44 <td></td> 45 <td></td> 46 </tr> 47 <caption style="caption-side:bottom" id="rel"><div id="abs"></div></caption> 48 </table> 49 </body> 50 </html>