center vertically the content of a div ( not by line-height )

Question

I have a div which I need to center vertically its content:

Free coffee for all the people who visit my restaurant&l         


        
      

Answer 1

Line-height will give a vertical height to all the lines in the para, since you have absolute positioned div and there is a paragraph inside, you'll need a child div to align them vertically!

DEMO

CSS :

#coffee {
    width: 300px;
}
#coffee > .mid {
    margin-top:25%;
    text-align:center
}

HTML

    

    Free coffee for all the people who visit my restaurant