Slideshows -Side by Side on one page

I was able to get the slideshows to show up side by side using CSS and TABLE. Here is the code I used:

CSS (added to child theme style.css file)

table#hometable {
	margin-left:auto;
	margin-right:auto;
}

HTML

<table id="hometable" width="800" border="0">
<tr>
<td width="50%"><center>[slideshow_deploy id='xxxx']</center></td>
<td><center>[slideshow_deploy id='xxxx']</center></td>
</tr>
</table>

Here is the result: https://www.elijahrock.net

The problem that I’m having is that I want the table to be a fixed width and the space in between the slideshows to be constant. But I’m not sure how to do that.

But, I hope what I’ve learned helps you!
TC

Better yet! I found this code and it works better without using tables and without having to get into your style.css file.

<div style="width:TOTALpx;margin:auto;">
<div style="float:left;width:auto;margin-right:7px;">
SHORTCODE1 HERE
</div>
<div style="float:left;width:auto;margin-left:7px;">
SHORTCODE2 HERE
</div>
</div>
<div style="clear:both;height:1em;"></div>

Change TOTALpx to width1 + withd2 + margins

TC

The above code, by the way, will center your slideshows side-by-side. I figured out that the margins were the 7px on lines 2 & 5. Mine kept showing up off-center until I figured that out and did my math correctly. So if my slideshows are width=375 then 375+375+7+7=764

There is also code to do side-by-side on the left.
I got the code from here:
https://wpbtips.wordpress.com/2009/04/30/positioning-shortcode-objects-pt-3/
(credit where credit is due)

TC