<!DOCTYPE HTML> <html> <head> <style> .outer { border: 1px solid black; } .cell { display: table-cell; border: 1px solid green; } .marg { margin: 1em 0; } </style> </head> <body onload="var c1 = document.getElementById('c1'); c1.parentNode.removeChild(c1);"> <div class="outer"> <div class="marg"><span id="c1" class="cell"><b>Hello Kitty</b></span></div> <div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> <div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> <div class="marg"><span class="cell"><b>Hello Kitty</b></span></div> </div> </body> </html>