Html 需要从单元格顶部留出空间

我在单元格中有一个文本标题和段落。使用css样式，我控制了它的外观，让它看起来像我想要的那样。 现在唯一剩下的就是标题离顶部只有一点距离。 因为标题有我做的标记L1，所以我尝试使用margin参数，但它不起作用。 这个问题的解决方案是什么

CSS

单元格代码为：

<td width="373" valign="top"><p><strong><l1>ARTICLE #11</l1></strong><p>          
<br>          
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis elit in lobortis interdum. Morbi gravida scelerisque ultrices. Suspendisse eget felis efficitur, porttitor tellus eget, euismod metus. Nullam id pellentesque quam, quis ultrices ipsum. Aenean orci purus, ultrices vel</td>

---

将l1标记更改为其他一些标记，如span，并添加css显示块，然后使用display:inline table；它起作用了

原因是它不是有效的HTML标记

将其更改为标记（如中所示）应该可以做到这一点

<h1>ARTICLE #11</h1>

假设需要h1元素，可以将“显示”设置为h1中的内联块：

p{ 边际上限：0px； 边缘底部：0px； } h1{ 字体大小：12px； 显示：内联块；/*将显示更改为内联块*/ 填充顶部：10px；/*添加填充顶部*/ } 桌子{ 边框：实心1px； } 第十一条

Lorem ipsum dolor sit amet，是一位杰出的献身者。多奈克·莫利斯·艾利特（Donec mollis elit）在中间罗波蒂（lobortis interdum）。莫比孕妇权杖。埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰特·埃杰。我是佩伦特斯·奎姆，我是乌尔特里斯·伊普斯姆。埃尼安·奥奇·普卢斯

---

我创造了L1，因为这是必要的，所以我可以给我的标题一些特点。我把它改成了span，但它不起作用。你觉得呢？这样行吗？这在大多数浏览器中都有效吗？是的，这将适用于所有浏览器，您认为它比内联表更好，因为它们的输出相同，但我知道的不多因为每个css属性都有一个含义，您可以在这里检查它，所以我添加了display:inline表并更改了一些数字。我在内联表上得到了一条绿色下划线，就像你们输入了错误的东西。。我应该忽略这个吗？但它似乎起作用了。绿色下划线？给我一个JSFIDLE检查一下。我认为显示器不应该对此负责。你怎么想？这样行吗？这在大多数浏览器中都有效吗？是的，这样看起来很有效。我只保留了显示内容，并使用了边框而不是填充。它似乎起作用了。其余的要我打吗？当然没有。只需添加它就可以更好地查看结果。您只需要内联显示：块和填充或边距。查查这个。似乎内联块或表具有相同的输出。对不对？那么我应该使用哪一个呢？您的JSFIDLE不正确。td应该是tr元素的子元素，tr元素应该是table元素的子元素。谢谢你的回答，它真的很有帮助。

<h1>ARTICLE #11</h1>

h1{
    font-size:12px;
    margin-top:60px;
}