两个CSS问题 - WordPress的拆卸H1换行符(Two CSS Questions - R

这里是我的H1问题：[链接删除]我需要的H1融入段落完美的搜索引擎优化的目的。 标签是围绕长岛。

我的CSS设置为H1 {显示：内联;填充：0;余量：0;字体重量：正常;字体大小：知识+;}仍破...之前。 我尝试添加类似的东西“<P>”，但它完全接管了所有的休息，我还需要一些休息！

Answer 1:

ü可以只使用一个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 2:

既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 3:

所以，你需要的h1和它下面的直接p是内联元素。 简单！

该h1 ：

h1 {
    display: inline;
}

眼前以下p ：

h1 + p {
    display: inline;
}

什么是+在那里？ 这是相邻兄弟选择 + 。 来吧，请单击链接。

而已！ 但是，当然，没有必要重复自己。 坚持两者结合起来，你会得到：

h1,
h1 + p {
    display: inline;
}

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

文章来源: Two CSS Questions - Removing H1 line break on wordpress