Plz find the fiddle  http://jsfiddle.net/raving/3Lvth1dn/24/

I am creating multiple tables with number of columns and rows respectively.

i have defined my css as  div.innerdiv{  float: left;    position:absolute; } , i know if i remove position:absolute or make position as relative will make the tables to place next to each other as desired.

But i have a scenario where the position is forced to make as absolute and make the tables to place next to each other. 

I have an idea of placing the second table that is created by calculating the number of columns that is there in the first row of the first table and then place the 2nd table. And if i am creating the 3rd table it should calculate the columns of first two tables and then place it.. 

Plz let me know how can i achieve this, plz provide the updated fiddle.

Thanks in Advance