<div class="gmail_quote">2013/3/5 Robert Mayr <span dir="ltr">&lt;<a href="mailto:robyduck@fedoraproject.org" target="_blank">robyduck@fedoraproject.org</a>&gt;</span><br>
<blockquote style="BORDER-LEFT:#ccc 1px solid;MARGIN:0px 0px 0px 0.8ex;PADDING-LEFT:1ex" class="gmail_quote">
<div class="im">
<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><font color="#888888"><br><br></font></span></blockquote></div>
<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;<span class="HOEnZb"><font color="#888888"><br>
<br>-- <br>Robert Mayr<br>(robyduck) </font></span></div></blockquote></div>
<div><br> </div>
<div>Oh, mediawiki...sorry. Use a nested table:</div>
<div> </div>
<div>{| <br>| STYLE=&quot;vertical-align: top&quot;|<br>{| border = 1 <br>|colspan=&quot;4&quot; align=&quot;center&quot;| &#39;&#39;&#39;Fedora 16&#39;&#39;&#39;<br>|-<br>|Arch \ Spin (Given) || Count || Other || Count<br>
|-<br>|Row 2<br>|}<br>| STYLE=&quot;vertical-align: top; padding-left: 20px&quot;|<br>{| border = 1 <br>! &#39;&#39;&#39;Fedora 15&#39;&#39;&#39;<br>|-<br>| Row 1<br>|-<br>| Row 2<br>|-<br>| Row 3<br>|}<br>|}<br></div>
<div>Use the inline CSS to give them the right distance, colors etc.<br clear="all"><br>-- <br>Robert Mayr<br>(robyduck) </div>