动态对齐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