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

Question

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

HTML代码：

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

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

Answer 1

每个浏览器都有 pre-set 元素样式。 p 和 header 标签设置了边距。您可以使用 margin: 0; 更改此设置：JS Fiddle

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

此外，我不认为代码中的词 "encrypted" 应该使用 <h1> 标签：How to properly use h1

Answer 2

删除元素之间的白色 space 使用 CSS:

横置(上下space)

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

立正（左右space）

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

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

Remove vertical space between two text elements <p> and <h1>