Two tables, side by side

[zonkd]

On a Joomla 3 page, I have two tables which should sit side by side. One on the right, will extend about a third into the page, and the left table about two-thirds of the page.

I can guess the measurement - for instance, 300px - but naturally, the moment I look at the page on a mobile phone, one table sits on top of the other.

Is there some code that allows two tables to sit side by side, please, Experts?

Cheers from a hot Cape Town
paul

[Webdongle]

Search css float-left and float-right or https://www.w3schools.com/css/css_grid_item.asp
Also use % widths

[zonkd]

Thanks very much, Webdongle. Actually, I have been experimenting with float left and right, but it doesn't seem an ideal answer. Then it struck me: why must I have two tables? One with an extra column might do. if that doesn't look very good then I'll follow your lead here.
Thanks for your help with this, Webdongle. It's appreciated very much.

[Webdongle]

html tables are not responsive.

[Per Yngve Berg]

You can also use the Bootstrap Grid.

http://getbootstrap.com/2.3.2/scaffoldi ... gridSystem