mHelpMe mHelpMe - 5 days ago 5
HTML Question

putting two tables next to each other

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'>"

Answer

Don't use 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

Comments