Table padding not working

Question

I have a table that sits within a parent div full of body text and other content. I have the following CSS which does not seem to work:

table {width:100%; paddin         


        

Answer 1

You can add the cell padding in the table definition OR if you want to use CSS then use can try this:

If using CSS:

    
Cell1a
Cell1b
Cell1c
    
Cell2a
Cell2b
Cell2c
    
Cell3a
Cell3b
Cell3c

If using inline:

    
Cell1a
Cell1b
Cell1c
    
Cell2a
Cell2b
Cell2c
    
Cell3a
Cell3b
Cell3c

You can see this in action here: http://jsfiddle.net/b5NW5/1/

Hope it helps