The problem/solution is using align="left"
. Any table with align=left
will have the next table stuck to it. Example of prefered result:
[---- 100 ----]
[--50--][--50--]
[25][25][25][25]
If all those tables have align="left"
, it would result in one long line:
[---- 100 ----][--50--][--50--][25][25][25][25]
I removed the align=left
from the first table, which results like this:
[---- 100 ----]
[--50--][--50--][25][25][25][25]
I can'r remove the align=left
from the other tables, because I want those inline-block. In order to get them properly, I added a 'split' in my code. The split-table is a table without the align=left
and no height. All tables haves align=left
, apart from the split:
[---- 100 ----](split)
[--50--][--50--](split)
[25][25][25][25]