I'm creating form with choosing buttons:
But when I checked some options all the headings are going up and down:
PHP:
echo '<div class="flex-container flex-response" id="responseform" title="Kliknij, żeby skopiować" onclick="copyDivToClipboard()"><br><div>' .$gdziezamost. '' .$jakgniec. '' .$cowys. '' .$czynnt. '' . $czyncuk. '' .$czynik. '' .$czynmiaz. '' .$czynwien. '' . $czynhiper. '' .$czynotylo. '<p>OZW</p>' .$gdzielewo. '' . $gdzieprawo. '' .$jakkluc. '' .$jakpiecz. '' .$coodych. '' .$cotol. '' .$copalp. '' .$czynnt. '' .$czyncuk. '' . $czynik. '' .$czynmiaz. '' .$czynwien. '' .$czynhiper. '' . $czynotylo.'</div><br><br><div>' .$pojstopdo. '' .$pojstopup. '<p>ZMS</p>' .$pojnagle. '</div><br><br><div>' .$pojnagle. '' .$mocsil. '<p>Rozwarstwienie aorty</p>' . $pojstopdo. '' .$pojstopup. '' .$mocniew. '' .$mocsamo. '</div><br><br><div>' . $gdzielewo. '' .$gdzieprawo. '' .$jakkluc. '' .$jakpiecz. '' . $coodych. '' .$cotol. '' .$copalp. '' .$pojnagle. '' .$obduszn . '' .$paraspo. '' .$osluchscisz. '<p>Odma opłucnowa</p>' . $gdziezamost. '' .$jakgniec. '' .$cowys. '' .$mocsamo. '' . $paranorm. '</div> <br><br><div>' .$pojnagle.'<p>Preforacja przełyku</p>' .$pojstopdo . '' .$pojstopup. '' .$mocsamo. '</div><br><br><div><p>Ostry stan w jamie brzusznej</p></div><br><br><div>' .$gdzielewo. '' .$gdzieprawo. '' .$jakkluc. '' .$jakpiecz . '' .$coodych. '' .$cotol. '' .$copalp . '<p>Powikładne zapalenie płuc</p></div><br><br><div>' .$pojstopdo. '' .$pojstopup. '' .$czynprzezg. '' .$czynprzezp. '' .$czynunier. '' .$czynstanco. '<p>Zatorowość płucna</p>' .$gdziezamost. '' .$jakgniec. '' .$cowys. '' .$pojnagle. '' .$mocsamo. '</div></div>';}CSS:
.flex-container{ display: flex; justify-content: space-around; flex-wrap: wrap; }How can i make that variables not changing position of headings?