CSS3标题问题

Question

我正在努力解决这个问题，但没有成功。 这非常简单：非常简单，一个带有圆角的div （顶部带有h3 （我正在尝试模拟一个带标题的面板）。

由于某种原因， h3总是有一个空格，感觉好像有一个空白或其他东西。

 .example-wrapper { border: 1px solid #555; border-radius: 10px 10px 0 0;} .example-wrapper h3 { background: #555; color: #fff; border-radius: 10px 10px 0 0; padding: 10px; font-size: 16px;} 

 <DIV class="example-wrapper"> <H3>Herry Potter</H3> </DIV> 

任何意见，将不胜感激。

您可以在这里找到问题。

Answer 1

是的， H#默认情况下具有边距。 设置H3{ margin: 0; } H3{ margin: 0; }解决这个问题。 您始终可以使用开发人员工具来检查元素并查看应用于它们的任何样式。