Show <table>s horizontally in a div

am very bad in css stuff :( i couldn't find anyway to do the following :

for example i have a div with fixed width (700px) and i have tables inside of it (100px width each) , how can i order the开发者_StackOverflowse table elements horizontally in that div ? , like icons in the file explorer ?

You want to order the tables, or the cells in a table? If you want to order the tables themselves, you could float each table left so that they appear side-by-side. However, you'd kind of need to know the number of tables in advance.

table { display: inline-block; }

This should work just fine for you.