Table-cell is a useful value of display property. We can use it on IE8+ and others. But, margins are ignored.
This sample is the way of making gutters for table-cell elements.
Table-cell is a useful value of display property. We can use it on IE8+ and others. But, margins are ignored.
This sample is the way of making gutters for table-cell elements.
This trick's key-points are transparent border & background-clip :padding-box. You can use this trick in the liquid layout and solid layout.
We can use background-clip property on IE9+ and others.