How can I remove the white space between two tables?

Issue

I know this is a very simple question, but I somehow don't get it to work. I looked at many other questions here, but couldn't find the right answer.

How can I remove white space between two tables without setting a negative margin? I've tried the following things on the table and body without any luck:

margin:0;
padding:0;
display:block;

Here's a fiddle to test it out: http://jsfiddle.net/sznurkqo/

Thanks

Solution

DEMO

In your case, .table is having margin-bottom:20px that's why there is a space.

.table {
  width: 100%;
 margin-bottom: 20px;
}

remove that space and it will work.

.table {
  width: 100%;
  margin-bottom: 0px;
}

Answered By - mohamedrias