Fritz: Advenskalender

Beitrag lesen

Hallo,

ich weiß, ich bin ein wenig spät dran für einen Adventskalender aber vielleicht bekomme ich es heute Abend noch hin.

Meine Idee war folgende

<section id="weihnachten2016">
   <h2>Adventskalender</h2>

   <span>1</span>
                    
</section>

Und die <span> 24 mal kopieren und vielleicht mit Flex-Box nebeneinander und untereinander anordnen? Immer 4 pro Zeile

Oder sollte ich lieber ein <div> oder gar eine <ul><li> nehmen?

UPDATE: Meine Vorschlag

<section id="weihnachten2016">
   <h2>Adventskalender</h2>

   <ul>
     <?php 
      $i = 1;
       while ($i <= 24)
      {
       ?>
       <li><a href="#"><?php echo $i; ?></a></li>
      <?php 
       $i++;
      }
?>                 
</section>
#weihnachten2016 ul li {
    width: 4em;
}

#weihnachten2016 ul {
    display: flex;
    flex-wrap: wrap;
}