Mam todiv:

HTML:

<div draggable="false" id="coffe">Free coffee</div>

CSS:

div {
    position: absolute;
    overflow: auto;
    text-align: left;
    font-size: 23px;
    color: rgb(26, 66, 108);
    font-family: roboto, Helvetica;
    font-style: normal;
    font-weight: bold;
    -webkit-transition: none;
    transition: none;
    left: 0px;
    top: 67.125px;
    width: 1029.25px;
    height: 234.93749999999997px;
    opacity: 1;
    background: grey;
}

I muszę pionowo wyśrodkować jego zawartość, która jest „darmową kawą”.

Jak mogę to zrobić? Próbowałem zvertical-align: middle; ale to nie działa.

To jest plik skrzypiec:http://jsfiddle.net/2Mb39/