I have a <div id="outer"> which has the following css:
position:relative;
width:300px;
height:125px;
float:left;
background:url(../images/callto-button1.png) no-repeat #185E7D;
In it is multi-lined text. How do i center the text vertically in the outer div?
I have tried the display:table-cell css method but it conflicts with other elements of the page.
The size of the text is unknown.
Is there a method or a trick that would work in all browsers from IE6 and up.
I always come back to this page when trying to vertical centering:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html