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

标签 html css text

似乎无法找到如何删除两个文本元素之间的垂直空间,该网站上有一些类似的问题,但似乎实际上不起作用。

HTML 代码:

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

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

最佳答案

使用 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

关于html - 删除两个文本元素 <p> 和 <h1> 之间的垂直空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29055488/

相关文章:

java - Android:追加到文件而不是覆盖

html - 如何使 div 响应并使用固定大小?

css - 更改 map 图 block 中的字体

html - 强制 bootstrap 4 nav-pills 中的第一项在合理时为全宽

html - 某些 CSS3 动画在 Firefox 和 IE 中不起作用

c# - 在 .NET DrawingContext DrawText 方法中计算文本换行

python-3.x - python 中的 Selenium 网络抓取无法读取元素的.text

php - 无法从 Linux 中的 HTMl 提交按钮运行 PHP 脚本

css - 在 div 内垂直居中未知长度的文本

javascript/innerHTML/html