HTML CSS examples for CSS Widget:Table Row
Display:block and 100% width on table rows
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .table {<!--from w w w .j a va2s . c om--> display:table; width:100%; height:21px; background:silver; } .table-cell { display:table-cell; } .table-row { display:table-row; width:100%; background:red; } .block { display:table-caption; caption-side:bottom; width:100%; background:green; } </style> </head> <body> <div class="table"> <div class="table-row"> <div class="table-cell"> Lorem i </div> <div class="table-cell"> Lorem i </div> </div> <div class="block"> Lore </div> </div> </body> </html>