I have two HTML tables that I would like to put side by side.
I have seen previous answers where they mention that you need to specify inline-block and to float it left.
Below is an example of what both my tables have. However it still shows one table beneath the other, why?
"<table style ='font-size: 10pt; float: left; display: inline-block; cellpadding='3'>"
inline-block on the tables, since it will change its behavior (if you need rules like
vertical-align). But you can use
float: left; and disable that floating after. Here is the example: jsFiddle