css：缩进所有但第一行不在safari中工作

Question

我想在表格的单元格中创建一个悬挂缩进以显示一些表格数据，即第一行是左对齐的标题，但单元格中的所有后续行都略微缩进。以下代码适用于IE和Firefox。但是在Safari中，标题的第一行加上文本的第一行是左对齐的，而不仅仅是标题。

的CSS：

.hanging {
text-indent: -2em;
padding-left: 2em;
}

HTML：

<table><tr><td width=180 valign="top" class="hanging"><h1>Date</h1>January 1, 1980<br>March 2, 1985<br>April 3, 1972</td></tr></table>

有人可以建议Safari的解决方法吗？

由于

JsFiddle：http://jsfiddle.net/EpDfu/