减少 HTML 中两行之间的间距

Question

HTML n00b 在这里。我无法粘贴我的实际代码，因为它来自工作，但基本上我有

<p>Some text</p>
<p><a href="SomeSite.com">Some more text</a></p>

我希望这些线彼此堆叠，而页面上的其余线保持彼此之间的正常间距。

我试着做

<p style="padding-bottom: 0px">Some text</p>
<p><a style="padding-top: 0px" href="SomeSite.com">Some more text</a></p>

但这没有用。它似乎 应该 工作。

请告诉我如何以正确的 HTML 方式进行操作，并解释我的尝试失败的原因。

原文由 user3407988 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你会想做这样的事情：

 <p>Some Text <br /> <a href="">Some more text</a></p>

<br /> 是换行符，因此您可以将所有内容都放在一个段落中，换行符会将下一行置于第一段之下。然后，您可以使用 line-height:10px

 <p style="line-height:10px;">Some Text <br /> <a href="">Some more texth</a></p>

您可以将 px 大小更改为任何值。

如果您需要有两个单独的段落，您可以将它们封装在一个容器中并将 line-height 提供给容器。

 <div style="line-height:10px">
    <p>line 1</p>
    <p><a>line 2</a></p>
</div>

原文由 ntgCleaner 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

使用 span 标签代替 p 标签为 p 标签将自动在新行开始

所以你应该在css中使用 display:inline 或者使用 span 标签

<span>Some text</span>
<span><a href="SomeSite.com">Some more text</a></span>

演示

我只是误解了你的问题，所以我在 HTML 下方有答案

<p>Some text</p><br/>
<p><a href="SomeSite.com">Some more text</a></p>

CSS：

 p{
    display:inline;
}

演示

原文由 Sajad Karuthedath 发布，翻译遵循 CC BY-SA 3.0 许可协议