How to set cellspacing in tables only horizontally
28,273
Solution 1
Use the border-spacing
CSS property on the table. Browser support is fairly good (excluding mainly IE up to and including IE 7). Example:
table { border-spacing: 10px 0; }
Solution 2
Try CSS
table td{
padding:0px 10px 0px 10px; /* top right bottom left */
}
![Borut Flis](https://i.stack.imgur.com/IraOK.jpg?s=256&g=1)
Author by
Borut Flis
Updated on July 09, 2022Comments
-
Borut Flis almost 2 years
I would like to style the table written below.
<table border="1" cellspacing="10"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>
The problem is that cellspacing sets the space between cells both horizontaly and verticaly, I would like it to be done only horizontaly. Is there a way to do this.
-
Jukka K. Korpela over 11 yearsPadding is inside cells. It’s different from spacing between cells, which is what this is about.