Problem with aligning multiple tables

[MasterLee]

Hello,

I'm not sure if I should post this in the HTML or the CSS section but here it goes:

I am running a script that automatically generates HTML code. That scripts returns a series of data that I would like to display on my web page as follow:

Title 1

Table1 Table2

Title 2

 

Table3 Table4

Now in this example I am using 2 tables per line but a versatile solution that could also display 3 tables per line or 4 tables per line would be even better..

I tried playing around with the float attribute and I ended up with my tables being all aligned one next to the other but all the Titles were ending up at the far right for example and not really separating my lines of Tables...

Not sure this is even possible but thanks in advance for trying !!

Edited November 2, 2016 by MasterLee

[johndoedelavegas]

Wrap your table in a div.

 

https://fiddle.jshell.net/fjtym5j4/