Centering text vertically as it grows, in child class

[paris]

I have a parent container(like a pop-up), in which I have a child element appended to parent container. The child element is a div which has some text. I want to center the text inside the div, so that the text remains center aligned in the child div, but the text should align itself vertically as it grows beyond 3-4 lines. I am able to align text vertically as it grows, but when it still is a small text it should be center vertically, which is not happening. I have tried lot of css properties in the child class.Any help will be good.\[code\].parentclass { position: absolute; top: 110px; left: 165px; width: 470px; height: 260px; text-align: center; background-image: url(../images/Notification_BG.png); }.childclass { position: relative; position: inherit; width: 430px; height: 192px; left: 50%; top: 50%; margin-left: -215px; margin-top: -96px; /* Negative half of height. */ text-align: center; text-overflow: -o-ellipsis-lastline; border: 1px solid blue; font-family: Arial; font-size: 28px; color: white; }\[/code\]ThanksKK