删除两个文本元素<p>和</p> <h1> </h1>之间的垂直空间

Question

似乎无法找到如何删除两个文本元素之间的垂直空间，这个网站上有一些类似的问题，但似乎并没有真正起作用。

HTML代码：

<p>this website is</p> <h1>Encrypted</h1>

似乎我必须使用位置代码，但当我使用位置代码让其他元素接近它时，文本会被推送到网站上的另一个位置

Answer 1

使用CSS删除元素之间的空白区域：

水平存在（顶部和底部空间）

h1, p {
margin-top: 0;
margin-bottom: 0;
line-height: /* adjust to tweak wierd fonts */;
}

垂直存在（左右空间）

.parent {
font-size: 0;
line-height: 0;
}

h1, p {
font-size: 12px;
margin: 0;
display: inline-block;
}

JSFIDDLE

Answer 2

每个浏览器都有预设的元素样式。 p和标题标记设置了边距。您可以使用margin: 0;：JS Fiddle

进行更改

您也可以使用CSS Reset来避免这些问题。

另外，我不会想象一个字样“＃34;加密＆＃34;在您的代码中应使用<h1>标记：How to properly use h1