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> .mycontainer { afficher: flex; } .mycontainer > div { largeur:33%; } </style> </head> <body> <h1>Exemple de Flexbox</h1> <p>Aligner trois éléments DIV côte à côte.</p> <div class="mycontainer"> <div style="background-color:#FFF4A3;"> <h2>Londres</h2> <p>London est la ville capitale de l'Angleterre.</p> <p>Londres a plus de 9 millions d'habitants.</p> </div> <div style="background-color:#FFC0C7;"> <h2>Oslo</h2> <p>Oslo est la ville capitale de la Norvège.</p> <p>Oslo a plus de 700 000 habitants.</p> </div> <div style="background-color:#D9EEE1;"> <h2>Rome</h2> <p>Rome est la ville capitale de l'Italie.</p> <p>Rome a plus de 4 millions d'habitants.</p> </div> </div> </body> </html>