CSS3标题问题

Question

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

出于某种原因，h3总是有空格，感觉它有边距或其他东西。

＆＃13;

＆＃13;

.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;}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

任何意见都将不胜感激。

您可以找到问题here。

Answer 1

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