Any trick to control spacing on table-cell elements?

Question

I use the display properties table and table-cell to get equal heights on columns.

One way to control spacing between columns is to define border-collapse, but that doesn't allow for control per element-basis, the same spacing between all table-cell elements gets applied.

Is there any sort of trick to achieve the normal margin/padding effect on individual table-cell elements?

score 2 · Accepted Answer · answered Dec 13 '13 at 05:06

2

try to add display:block; to child element of the table-cell div...it will work.

answered Dec 13 '13 at 05:06

radha

782
4
8

score -1 · Answer 2 · answered Dec 13 '13 at 04:53

-1

<table border="1" cellspacing="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>   
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

answered Dec 13 '13 at 04:53

Supun Silva

580
5
21

This is a CSS question. – Vince Dec 13 '13 at 05:04

Any trick to control spacing on table-cell elements?

2 Answers2