caption-child-1.html (462B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .separator { 6 height: 20px; 7 background-color: blue; 8 } 9 #table { 10 display: table; 11 width: 100px; 12 } 13 #caption { 14 display: table-caption; 15 background-color: yellow; 16 } 17 #block { 18 height: 20px; 19 margin: 20px 0; 20 background-color: blue; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="separator"></div> 26 <div id="table"> 27 <div id="caption"> 28 <div id="block"></div> 29 </div> 30 </div> 31 <div class="separator"></div> 32 </body> 33 </html>