У меня есть DIV, который мне нужно центрировать вертикально его содержание:центра по вертикали содержания в DIV (не высота строки)
<div draggable="false" id="coffee">Free coffee for all the people who visit my restaurant</div>
#coffee {
line-height: 235px;
width: 300px;
}
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;
height: 234.93749999999997px;
opacity: 1;
}
Он работает, используя высоту строки, но в прыжке линии , фраза слишком разделена, и мне нужно, чтобы она не была разделена.
Это скрипка ссылка: http://jsfiddle.net/2Mb39/4/
Daniel
Все ответы, которые я тестировал, работают хорошо, но я отмечаю ответ Джопа как решаемый –