Tabellen mit CSS ersetzen

[Alex]

Hallo ich wollte mal fragen ob man das ohne Tabellen lösen kann.
Also im Endeffekt sollen immer 4 Links neben einander stehen mit einer gesamtbreite von 500px und dann kommen die nächsten Links in der nächsten reihe.

<table width="500px "border="0" cellpadding="5" cellspacing="0">
  <tr align="left" valign="top">
    <td colspan="4" >Links</td>
  </tr>
  <tr align="left" valign="top">
    <td colspan="4" >2006</td>
  </tr>
  <tr align="left" valign="top">
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
  </tr>
  <tr align="left" valign="top">
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
  </tr>
  <tr align="left" valign="top">
    <td colspan="4" ><span >2005</td>
  </tr>
  <tr align="left" valign="top">
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
    <td width="25%"><a href="http://www.links.de" target="_top">Links</a><br>05-04-2006</td>
  </tr>
</table>