<main> <div> Je suis un élément de type bloc avec mes frères et mes sœurs, nous sommes centrés dans une ligne. </div> <div> Je suis un élément de type bloc avec mes frères et mes sœurs, nous sommes centrés dans une ligne. J'ai un peu plus de contenu que les autres. </div> <div> Je suis un élément de type bloc avec mes frères et mes sœurs, nous sommes centrés dans une ligne. </div> </main>
body { background: #3e58aa; font-size: 80%; } main { background: white; margin: 20px 0; padding: 10px; } main div { background: #CCDCCD; margin: 0 auto; color: #3e58aa; padding: 15px; margin: 5px auto; } main div:nth-child(1) { width: 200px; } main div:nth-child(2) { width: 400px; } main div:nth-child(3) { width: 150px; }