<!DOCTYPE html> <html> <head> <style type="text/css"> .block { height: 20px; background-color: green; } #table { display: table; margin: 10px 0; } #caption { display: table-caption; caption-side: bottom; height: 20px; margin: 20px 0; background-color: blue; } #cell { display: table-cell; width: 100px; height: 20px; background-color: orange; } </style> </head> <body> <div class="block"></div> <div id="table"> <div id="caption"></div> <div id="cell"></div> </div> <div class="block"></div> </body> </html>