html - CSS に関する 2 つの質問 - wordpress で H1 改行を削除する

Question

これが私のh1の問題です：[リンクが削除されました] SEOの目的でh1が段落に完全に溶け込む必要があります。タグはロングアイランド周辺にあります。

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*/

2番目の例では、体に余白を付けてみてください

body {margin:0}

Answer 3

したがって、インラインにするためにはh1、その直後の要素が必要です。p単純！

h1：_

h1 {
    display: inline;
}

すぐ次p：

h1 + p {
    display: inline;
}

そこに何+がありますか？隣接する兄弟セレクター +です。リンクをクリックしてください。

それでおしまい！しかし、もちろん、繰り返す必要はありません。2 つをくっつけると、次のようになります。

h1,
h1 + p {
    display: inline;
}

これはフィドルです（実際には「ティンカービン」）：http://tinkerbin.com/jy3uoWX9