Table with 100% width will not float side-by-side

Question

I created 2 tables and I want to position them side-by-side (horizontally). However they always align themselves vertically. I tried float: left; but it didn't change a thing.

table {
    float: left;
    width: 100%;
    border: 1px;
    min-width: 100%;
    position: relative;
}

Answer 1

display:inline-block;

probably will help. And width:100%; sets your table width to window width, remove it.