Não, a pergunta nao é repetida...
Em outras perguntas, vi gambiarras para alinhar o texto verticalmente utilizando margin, padding, etc.
E vi como uma possível solução, alterar para display:flex, position:relative etc.
Mas e se eu necessitar que o display continue block, ou inline-block, existe alguma forma de fazer o vertical-align funcionar?
.menu{
height:100%;
width:20%;
}
.opcao{
height: 10%;
width:100%;
}
.opcao:hover{
background-color:blueviolet;
color: aliceblue;
cursor:pointer;
}
<div class="menu" >
<div class="opcao">
Teste
</div>
</div>