html - 如何删除 text 和 div 里面的空格？

Question

我想删除里面的文本和 div 之间的空间。在文本和 div 之间的空格下有一张我的意思的图片。

那个空间真的很烦人。有样式表和html：

div {
  display: inline-flex;
  line-height: 1;
  border: 2px solid rgb(204, 33, 33);
}

p {
  margin-inline: 10px;
  font-size: 30px;
  border: 2px solid rgb(204, 33, 33);
}

<div>
  <p>text</p>
  <p>text</p>
</div>

标签： htmlcss

Answer 1

margin-inline: 10px;这会导致您面临的问题，删除它，您就会得到您想要的。

div {
    display: inline-flex;
    line-height: 1;
    border: 2px solid rgb(204, 33, 33);
    padding: 0;
}

p {
    font-size: 30px;
    border: 2px solid rgb(204, 33, 33);
}

<div>
    <p>text</p>
    <p>text</p>
</div>