CSS table right margin in scrollable div

Question

I have div with \"overflow: scroll\" and fixed-size table inside.
I need to add empty space below and on the right of the table.
I\'m using following code, however i

Answer 1

you need to add padding-left in your table style

replace your table css

 table{
 table-layout: fixed;
 background: red;
 margin-bottom: 20px; /* working */
 margin-right: 20px; /* not working */
 padding-left: 23px;
}

here jsfiffle demo : http://jsfiddle.net/sL8zxLbn/