body { background: #0C2939; font-size: 80%; } main { background: white; margin: 20px 0; padding: 10px; } main div { background: black; margin: 0 auto; color: white; 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: 125px; }
<main> <div> Eu sou um elemento block assim como meus irmãos e nós estamos centralizados. </div> <div> Eu sou um elemento block assim como meus irmãos e nós estamos centralizados. Eu tenho mais conteúdo que meus irmãos. </div> <div> Eu sou um elemento block assim como meus irmãos e nós estamos centralizados. </div> </main>