I'm attempting to build a neat and tidy mechanism for displaying a set of input forms. All going well, except that I'm struggling a little with the row spacing. This is my CSS for the table-row:
I can see that the style is being applied as expected, but the padding is being ignored. If I remove the "display: table-row", then the padding appears as expected.
I'm seeing the same behaviour in IE8 and Firefox which leads me to believe that it is as expected. So, two questions:
- What am I missing about using padding with table-row?
- Assuming padding isn't going to work, what's the best way to get some white space after the row?
Adding the space to the "row" rather than the "cells" seems to be the right way to go, as I want to vertically separate the rows and therefore, by implication, the cells.