Chapitre 19. Tableaux sans tableaux

Table des matières

Un premier tableau simple
À quoi ça sert ?
En apprendre plus

Un premier tableau simple

Display block

Ce tableau est obtenu avec le code source suivant :

          <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;
          }