Add a <p> tag after every </table> tag automatically using javascript

Question

Basically, I want to have a <p> tag inserted after every </table> tag. My problem is that I have the ability to add javascript to an external thirdparty software but they dont allow me to edit the actual templates. I want every table to be on a new line and css styling the table tag to be display:block; does not work.

If anyone knows how to make sure every table is its own line using either javascript or css I would be very appreciative. If you think that my method might work and can whip up a quick script.

Answer 1

oh, just use this css instead:

table{
   clear:left;
   float:left;
}

Answer 2

Using jQuery you could do:

$("table").after("<p>");