Search code examples
csscss-tables

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

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;
}
Solution 
  • display:inline-block;

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