CSS:Tableaux sans tableaux

<div class="ligne">
  <span class="case">1: une case...</span>
  <span class="case">2: une autre...</span>
  <span class="case">3: et encore...</span>
 </div>
 <div class="ligne">
  <span class="case">4: une case sur une autre ligne...</span>
  <span class="case">5: et toujours.</span>
 </div>

et les styles suivants :

.ligne { 
   clear:both;
   margin:5px;
  padding:5px;
  }
 .case { 
  float:left;
  margin:5px;
  padding:5px;
  border:solid thin red;
  text-align:center;
  width:10em;
 }

[modifier]

Utilité

Pour s'amuser...

Mais aussi pour voir comment se passer de tableaux... Si les tableaux sont naturels quand il s'agit de représenter des tables de données, ils n'ont aucune raison d'être dans la présentation d'une page.

Pour s'en convaincre, une lecture intéressante (comme toujours) sur le site d'Open Web http://www.openweb.eu.org/articles/problemes_tableaux/.

[modifier]