3 <div> på samme linje med xxx antal pixels imellem sig

Hvad der normalt i tabel form ville blive sat op således;
<tr>
<td>tekst</td>
<td>tekst</td>
<td>tekst</td>
</tr>

det vil jeg gerne ha gjort med CSS. Har dog en smule problemer med at få det til at virke. Jeg har lavet 3 <div>, disse er sat i 'relative', men jeg kan ikke få teksten til at stå på sammen linje, forskudt med xxx antal pixels.

Der ser således ud på mit layout;
http://lyricsaremusic.com/css.htm

CSS'en;
#cont1 {
            position: relative;
            top: 1;
            left: 4;
            width: 100px;
            }
           
#cont2 {
            position: relative;
            top: -20;
            left: 200;
            width: 100px;
            }

#cont3 {
            position: relative;
            top: -30;
            left: 400;
            width: 100px;
            }