<!DOCTYPE html> <html> <head> <style type="text/css"> #block1, #block2 { height: 20px; background-color: green; } #block1 { margin-bottom: 15px; } #table { display: table; width: 100px; } #caption { display: table-caption; height: 20px; margin: 15px 0; background-color: blue; } #block2 { margin-top: 15px; } </style> </head> <body> <div id="block1"></div> <div id="table"> <div id="caption"></div> </div> <div id="block2"></div> </body> </html>