Vertically centering a single block of text in a div element whose height and width are not fixed

Question

I found many techniques about how to vertically center some text within a div, but all those techniques depend on fixed dimensions. Is it possible to achieve when the div's height and width vary as they're expressed in percentage?

Answer 1

You may try to add the line display: table-cell; to your css for that div

JSFiddle Demo