Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <head> <style> .btn-group { affichage: flex; flex-wrap: wrap; } .button { couleur-de-fond: #D74444; bordure: aucune; couleur: blanc; padding: 15px 32px; text-align: center; text-decoration: none; taille de police: 16px; curseur: pointeur; } .btn-group .button:hover { couleur-de-fond: dodgerblue; } </style> </head> <body> <h2>Créer un groupe de boutons</h2> <p>Enveloppez les boutons dans un élément div et ajoutez display:flex à l'élément div :</p> <div class="btn-group"> <button class="button">Bouton</button> <button class="button">Bouton</button> <button class="button">Bouton</button> <button class="button">Bouton</button> </div> <p>Redimensionnez l'écran pour voir ce qui se passe sur les petits écrans.</p> </body> </html>