HTML -- two tables side by side

Question

Possible Duplicate    Trying to get tables next to each other horizontal       I have two html tables already created  How can I place them side by side instead of 1 above the other

User · Answer

With CSS  table  float left

User · Answer

You can place your tables in a div and add style to your table  float  left    lt div gt     lt table style  float  left  gt       lt tr gt         lt td gt    lt  td gt       lt  tr gt     lt  table gt     lt table style  float  left  gt       lt tr gt         lt td gt    lt  td gt       lt  tr gt     lt  table gt   lt  div gt    or simply use css   div gt table     float  left

User · Answer

Depending on your content and space  you can use floats or inline display    lt table style  display  inline-block   gt    lt table style  float  left   gt    Check it out here  http   jsfiddle net SM769   Documentation   CSS display on MDN - https   developer mozilla org en CSS display CSS float on MDN - https   developer mozilla org en CSS float

User · Answer

lt div style  float  left margin-right 10px  gt     lt table gt       lt tr gt         lt td gt    lt  td gt       lt  tr gt     lt  table gt   lt  div gt   lt div style  float  left  gt     lt table gt       lt tr gt         lt td gt    lt  td gt       lt  tr gt     lt  table gt   lt  div gt

[html] HTML -- two tables side by side

Examples related to html

Examples related to html-table