Question

这是我的h1问题：[已删除链接] 为了seo的目的，我需要将h1完美地融入段落中。标签在长岛附近。

我将css设置为h1 {display：inline; padding：0; margin：0; font-weight：normal; font-size：17px;}仍然打破...之前。我尝试将类似的东西添加到“＆lt; p＆gt;”但它完全取消了所有的休息时间，我还需要一些休息时间！

Answer 1

H1和P都是块级元素。为了获得您想要的效果，P和H1都需要将其样式设置为display: inline;。

尝试：

CSS：

.inline { display: inline; }

HTML：

<p class="inline"> Welcome! My name is Nancy Lewis and I’m from </p>
<h1 class="inline"> Long Island </h1>
<p class="inline"> , New York. </p>

Answer 2

你可以使用H1。使用跨度来设置h1中特定单词的样式。

<h1>Welcome! My name is Nancy Lewis and I’m from <span>Long Island</span></h1>

然后你可以根据自己的喜好设计长岛的样式

h1 span {font-weight:700} /*or whatever you like*/

对于第二个例子，尝试为你的身体添加余量

body {margin:0}

Answer 3

所以你需要h1并且它紧跟在p元素之后才能内联。简单！

h1：

h1 {
    display: inline;
}

紧随其后的p：

h1 + p {
    display: inline;
}

那里的+是什么？这是adjacent sibling selector +。来吧，点击链接。

就是这样！但是，当然，没有必要重复自己。将两者粘在一起，你得到：

h1,
h1 + p {
    display: inline;
}

这是一个小提琴（实际上是“tinkerbin”）：http://tinkerbin.com/jy3uoWX9