How to set cellspacing in tables only horizontally

Question

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.

Can you try with CSS by setting padding-left and padding-right to your TDs — Murali Murugesan
– Murali Murugesan, Commented Oct 19, 2012 at 9:04

ivan_pozdeev · Accepted Answer · 2015-07-10 15:38:43Z

19

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; }

edited Jul 10, 2015 at 15:38

ivan_pozdeev

36.6k19 gold badges115 silver badges165 bronze badges

answered Oct 19, 2012 at 9:19

Jukka K. Korpela

203k38 gold badges281 silver badges408 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Murali Murugesan · Accepted Answer · 2012-10-19 09:06:06Z

2

Try CSS

table td{

 padding:0px 10px 0px 10px; /* top right bottom left */

 }

answered Oct 19, 2012 at 9:06

Murali Murugesan

22.6k18 gold badges76 silver badges123 bronze badges

1 Comment

Jukka K. Korpela Over a year ago

Padding is inside cells. It’s different from spacing between cells, which is what this is about.

Collectives™ on Stack Overflow

How to set cellspacing in tables only horizontally

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related