CODEWITHSUNDEEP
htmlcss
user3713179
user3713179

Reputation: 361

Place tables side by side

The most elegant way to place tables side by side is enclose them inside a <div> and set it with CSS like this:

#div1 { 
    position:absolute;
    left:0px;
    top:0px;
    width:400px;
    height:300px;
}

But if I had 8 tables (I'm working with data so I have to use them) as I do? I have to write an id for each table?

Upvotes: 0

Views: 90

Answers (1)

rhino
rhino

Reputation: 13901

You can use display: inline-table, like this: 

table {
    display: inline-table;
}

Working fiddle: http://jsfiddle.net/VhPeP/1/

Upvotes: 3

Related Questions