Tabellen nebeneinander

Hallo,

wie bekomme ich z.B. 3 Tabellen nebeneinander und zwischen den Tabellen sollte ein gewisser abstand sein?

Bisher werden die tabellen immer untereinander angezeigt, habt ihr da einen guten Tip?

BEsten dank schon einmal.

Mfg

a) Muss es eine Tabelle sein?
b) Die Tabellen müssen klein genug sein, um diese floaten zu können, eventl. DIV Layer benutzen und diese nebeneinander stellen und die Tabellen dort anzeigen lassen.

habe div genommen aber bekomme sie einfach nicht nebeneinander.
so schauts derzeit aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title </title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
	
	<div class="test1" style="width: 171; height: 273">
			<h2>test1</h2>
			<ul>
			    <li>1asdfasdfasdf</li>
			    <li>1asdfasdfasdfasd</li>
			    <li>5sdfasdfasdfasd</li>
			    <li>1 asdfasdfasdf</li>
			    <li>safdasdafsdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>Easdfasdfasdfn</li>
			 </ul>			
			 <span class="bsp">asdfasdfasdft:<br />&nbsp;</span></div>
		<div class="test2" style="width: 182; height: 319">
			<h2>test2</h2>
			<ul>
			    <li>1asdfasdfasdf</li>
			    <li>1asdfasdfasdfasd</li>
			    <li>5sdfasdfasdfasd</li>
			    <li>1 asdfasdfasdf</li>
			    <li>safdasdafsdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>Easdfasdfasdfn</li>
			 </ul>			
			 <p><span class="bsp">asdfasdfasdft:</span></div>
		<div class="test3" style="width: 186; height: 311">
			<h2>test3</h2>
			<ul>
			    <li>1asdfasdfasdf</li>
			    <li>1asdfasdfasdfasd</li>
			    <li>5sdfasdfasdfasd</li>
			    <li>1 asdfasdfasdf</li>
			    <li>safdasdafsdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>asdfasdfasdf</li>
			    <li>Easdfasdfasdfn</li>
			 </ul>			
			 <p><span class="bsp">asdfasdfasdft:</span></div>		
		<br style="clear:both"/>
	</div>
</div>
</body>
</html>

habe gelesen dass es mit float=left/right gehen soll, hab es aber noch nicht hinbekommen...

Das hat aber dann nichts mit TYPO3 zu tun sondern nur mit HTML/CSS

Zwei DIV Container nebeneinander:

<div id="links"></div>
<div id="rechts"></div>
<div class="clear"></div>

#links {
   width: 50px;
   height: 50px;
   background-color: red;
   float: left;
}
#rechts {
   width: 50px;
   height: 50px;
   background-color: blue;
   float: left;
}
.clear { clear: both; }