When you display simple text in a browser, the browser will wrap the text at the edge of the page. You get maximum usage of your screen. With standard HTML, you can’t get the same behavior for a series of tables – you can choose to align them next to each other with “align=left” (and they’ll head right off the right edge of the page), or you can use default behavior, in which each subsequent table is displayed below the previous (and you waste the right side of the page).
CSS is groovy, if not a bit cryptic at times. In this case, it solves the problem perfectly – just put a [DIV] tag around each table, and set up the DIV style with [float:left]. Check out the result on my
