动态对齐 div 标签中的 html 内容答案

【问题标题】：Dynamically align html content in a div tag动态对齐 div 标签中的 html 内容
【发布时间】：2014-02-05 04:18:30
【问题描述】：

我有一个 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>

【问题讨论】：

helo Donald Alfred, dhfdfshgdghghjfhjdskf 怎么样

标签： html asp.net css

【解决方案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

【讨论】：