caption-sibling-1a.html (677B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <!-- dbaron thinks the validity of this test is questionable, see 5 https://bugzilla.mozilla.org/show_bug.cgi?id=477462#c20 and #c21 --> 6 <style type="text/css"> 7 #table { 8 display: table; 9 width: 100px; 10 } 11 #caption1 { 12 display: table-caption; 13 height: 20px; 14 background-color: red; 15 margin-bottom: 10px; 16 } 17 #caption2 { 18 display: table-caption; 19 height: 20px; 20 background-color: blue; 21 margin: 20px 0; 22 } 23 #caption3 { 24 display: table-caption; 25 height: 20px; 26 background-color: green; 27 margin-top: 10px; 28 } 29 </style> 30 </head> 31 <body> 32 <div id="table"> 33 <div id="caption1"></div> 34 <div id="caption2"></div> 35 <div id="caption3"></div> 36 </div> 37 </body> 38 </html>