<div class="gmail_quote">2013/3/5 Frank Murphy <span dir="ltr">&lt;<a href="mailto:frankly3d@gmail.com" target="_blank">frankly3d@gmail.com</a>&gt;</span><br>
<blockquote style="BORDER-LEFT:#ccc 1px solid;MARGIN:0px 0px 0px 0.8ex;PADDING-LEFT:1ex" class="gmail_quote">How can 2-3 tables be placed side by side,<br>without squishing each other,<br>or putting in redundant || ?<br>
<br><a href="https://fedorahosted.org/freemedia/wiki/StatisticsEOL" target="_blank">https://fedorahosted.org/freemedia/wiki/StatisticsEOL</a><br><br>Haven&#39;t opened a ticket as it&#39;s not a website problem per say.<br>
<span class="HOEnZb"><font color="#888888"><br><br></font></span></blockquote></div>
<div> </div>
<div> </div>
<div>You can do something like this, two tables with a float:left and a right margin for the first table to keep the distance from the second one. Don&#39;t put more than 2 tables side by side and check also minor resolutions zooming in the page:</div>

<div>It&#39;s just an example, you can also create a dedicated div table class in your CSS instead of the inline style.</div>
<div> </div>
<div>&lt;table style=&quot;float:left; margin-right:20px;&quot; border=&quot;1&quot; width=&quot;300px&quot;&gt;&lt;tr&gt;&lt;td style=&quot;height:20px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div>
<div>&lt;table style=&quot;float:left&quot; border=&quot;1&quot; width=&quot;300px&quot;&gt;&lt;tr&gt;&lt;td style=&quot;height:20px;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br><br>-- <br>Robert Mayr<br>(robyduck) </div>