Why doesn't my pseudo-table fill colspan rows?

Question

I am trying to simulate an html table element using pure CSS (for latest Chrome). Here is the code: http://jsfiddle.net/XVecz/4/

.table .table-cell[colSpan] { width: 100%; } 

Everything works fine except for the colSpan attribute. It does not populate the td cell. Can you recommend a workaround?

Answer 1

Unfortunately, you need to break the layout. If you use cell size, that might be good. To break the layout, you need to set table tables as a table. http://jsfiddle.net/XVecz/5/

 .table .table-row { display: table; width:100%; }