删除<h1>标记后的换行符?

Jac*_*don 85 html css styles header stylesheet

我在删除<h1>标记之后的换行符时遇到问题,因为每次打印时,它都会在它之后直接添加换行符,所以像这样<h1>Hello World!</h1> <h2>Hello Again World!</h2>打印出来:

Hello World!

Hello Again World!
Run Code Online (Sandbox Code Playgroud)

我不确定我需要在CSS中更改哪些标签,但我希望它与填充或边距有关

如果可能的话,我也想保持垂直填充.

Ben*_*Lee 139

听起来你想将它们格式化为内联.默认情况下,h1h2是其跨越线的整个宽度块级元素.您可以将它们更改为内联css,如下所示:

h1, h2 {
    display: inline;
}
Run Code Online (Sandbox Code Playgroud)

这篇文章解释了之间的区别blockinline更详细的内容:http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

要保持垂直填充,请使用inline-block,如下所示:

h1, h2 {
    display: inline-block;
}
Run Code Online (Sandbox Code Playgroud)


tko*_*one 9

<h1>标签已{display: block}设置.它们是块级元素.要关闭此功能:

{display: inline}
Run Code Online (Sandbox Code Playgroud)