AIde - Tableau dynamique HTML - PHP

<?php
// tableau contenant un booleen indiquant si la réponse est correcte pour chaque question
$quizz = array(
        array('id_question' => 1, 'correct' => true),
        array('id_question' => 2, 'correct' => false),
        array('id_question' => 3, 'correct' => true),
        array('id_question' => 4, 'correct' => true),
        array('id_question' => 5, 'correct' => false),
        array('id_question' => 6, 'correct' => false),
        array('id_question' => 7, 'correct' => true),
        array('id_question' => 8, 'correct' => true),
        array('id_question' => 9, 'correct' => false),
        array('id_question' => 10, 'correct' => false),
        array('id_question' => 11, 'correct' => false),
        array('id_question' => 12, 'correct' => false)
    );

// affichage
echo '<div class="table-quizz">';
foreach ($quizz as $elementQuizz) {
    $class = 'element';
    if ($elementQuizz['correct']) {
        $class .= ' correct';
    }
    echo '<div class="' . $class . '">' . $elementQuizz['id_question'] . '</div>';
}
echo '</div>';

.table-quizz {
  width: 120px;
}

.table-quizz .element {
  float: left;
  width: 40px;
  padding: 2px 0;
  background-color: red;
  border: solid 1px black;
  text-align: center;
  box-sizing: border-box;
}

.table-quizz .element.correct {
  background-color: green;
}