Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <title>Titre du document</title> <head> <style> .box div { width: 100px; display: inline-block; padding: 15px; text-align: center; color: #000000; font-family: arial, sans-serif; } .green { background-color: green; } .blue { background-color: blue; } .gray { background-color: gray; } .pink { background-color: pink; } .yellow { background-color: yellow; } </style> </head> <body> <h2>Exemple de la propriété flex</h2> <div class="box"> <div class="green">VERT</div> <div class="blue">BLEU</div> <div class="gray">GRIS</div> <div class="pink">ROSE</div> <div class="yellow">JAUNE</div> </div> </body> </html>