Há momentos em CSS em que é preciso interferir no atributo CSS vertical-align: middle
.
Como a maioria de vocês percebeu, isso realmente não funciona todas as vezes. Eu gostaria que fosse tão fácil alinhar verticalmente algum texto em uma div ao centro, como text-align
propriedade.
Um truque bacana que descobri foi:
div {
height: 40px;
line-height: 40px
font-size: 16px
…
}
Ao definir a altura da linha e a altura com os mesmos valores, o conteúdo do texto é alinhado verticalmente ao meio de forma automática.
Se alguém tiver sugestões ou comentários, eles são mais que bem-vindos.