div alinhar vertical css médio
Estou tentando fazer com que meu texto se alinhe verticalmente apenas no meio da div da abc div.
Quero manter a altura em 50px e o texto para alinhar verticalmente no meio da div.
Ainda não encontrei uma solução para esse problema, talvez não esteja pesquisando as coisas certas.
body{
padding: 0;
margin: 0;
margin: 0px auto;
}
#main{
position: relative;
background-color:blue;
width:500px;
height:500px;
}
#abc{
font:Verdana, Geneva, sans-serif;
font-size:18px;
text-align:left;
background-color:#0F0;
height:50px;
vertical-align:middle;
}
<div id="main">
<div id="abc">
asdfasdfafasdfasdf
</div>
</div>