<div class="gmail_quote">2013/3/5 Robert Mayr <span dir="ltr"><<a href="mailto:robyduck@fedoraproject.org" target="_blank">robyduck@fedoraproject.org</a>></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"><<a href="mailto:frankly3d@gmail.com" target="_blank">frankly3d@gmail.com</a>></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't opened a ticket as it'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't put more than 2 tables side by side and check also minor resolutions zooming in the page:</div>
<div>It'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><table style="float:left; margin-right:20px;" border="1" width="300px"><tr><td style="height:20px;"></td></tr></table></div>
<div><table style="float:left" border="1" width="300px"><tr><td style="height:20px;"></td></tr></table><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="vertical-align: top"|<br>{| border = 1 <br>|colspan="4" align="center"| '''Fedora 16'''<br>|-<br>|Arch \ Spin (Given) || Count || Other || Count<br>
|-<br>|Row 2<br>|}<br>| STYLE="vertical-align: top; padding-left: 20px"|<br>{| border = 1 <br>! '''Fedora 15'''<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>