在div標籤中動態對齊html內容

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