body { background: #0C2939; font-size: 80%; } div { background: white; width: 240px; margin: 20px; } .flex-centralizado { background: black; color: white; border: 10px solid white; display: flex; flex-direction: column; justify-content: center; height: 200px; resize: vertical; overflow: auto; } .flex-centralizado p { margin: 0; padding: 20px; }
<div class="flex-centralizado"> <p>Eu tenho mĂștiplas linhas e estou centralizado verticalmente em um elemento flexbox.</p> </div>