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