html - 两个 CSS 问题 - 删除 wordpress 上的 H1 换行符

Question

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

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

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;
}

上面有什么+？它是相邻的兄弟选择器 +。来吧，点击链接。

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

h1,
h1 + p {
    display: inline;
}

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