H2标签后的奇怪空白区域

Question

我有一些奇怪的白色空间。它只是一个带有font-size，color，margin-bottom的H2标题。 H2元素上没有宽度或东西。

如何删除它？

parrent元素有一个max-width：

display: inline-block;
max-width: 50%;

如果删除最大宽度，则删除空格，因为他使用整个屏幕。

Answer 1

h2是一个块元素。所有块元素都自动width: 100%。如果您想摆脱额外的空间，可以申请display: inline-block，但这可能会改变您的布局。

Answer 2

在css中使用显示内联，如下所示：

＆＃13;

＆＃13;

h2{
display:inline;
}

＆＃13;

<h2>Test</h2>
<h2>Header</h2>

＆＃13;

＆＃13;

＆＃13;