body { background: #0C2939; font-size: 80%; } div { background: white; width: 240px; height: 200px; margin: 20px; color: white; resize: vertical; overflow: auto; padding: 20px; } .fantasma-centralizado { position: relative; } .fantasma-centralizado::before { content: " "; display: inline-block; height: 100%; width: 1%; vertical-align: middle; } .fantasma-centralizado p { display: inline-block; vertical-align: middle; width: 190px; margin: 0; padding: 20px; background: black; }
<div class="fantasma-centralizado"> <p>Eu tenho mĂșltiplas linhas e estou centralizado verticalmente usando a tĂ©cnica de "elemento fantasma".</p> </div>