Динамически выровнять содержимое html в теге div

Question

У меня есть тег div, и он содержит текст в нем. В настоящее время текст начинается с центра, который я бы хотел, чтобы он стал динамическим на основе введенного текста.

<div style="max-width: 390px; float: left; height: 30px; margin-top: -12px; vertical-align: middle;padding: 15px 0;"> 
<p>helo <em>Donald Alfred</em>,how aredhfdfshgdghghjfhjdskf.</p> 
</div> 

Answer 1

<div style="background-color: red; vertical-align: middle; text-align: center; 
    display: table-cell; padding: 20px; height: 90px;"> 
    <p>helo <em>Donald Alfred</em> ghghjfhjdskf.</p> 
</div> 

Fiddle