table-caption-bottom-1.html (577B)
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 #block2 { 13 margin-top: 10px; 14 } 15 #table { 16 display: table; 17 } 18 #caption { 19 display: table-caption; 20 caption-side: bottom; 21 height: 20px; 22 margin: 20px 0; 23 background-color: blue; 24 } 25 #cell { 26 display: table-cell; 27 width: 100px; 28 height: 20px; 29 background-color: orange; 30 } 31 </style> 32 </head> 33 <body> 34 <div id="block1"></div> 35 <div id="table"> 36 <div id="caption"></div> 37 <div id="cell"></div> 38 </div> 39 <div id="block2"></div> 40 </body> 41 </html>