問題タブ [html-heading]

編集/削除リンクをh1要素とインラインにする最良の方法について以前に質問しました。与えられた答えでこれを達成することができましたが、h1の下に段落を表示し、リンクを編集/削除する必要があるという追加の要件があります。

これまでのところ、私のHTMLは次のようになっています。

次のようにしたいと思います。

製品1（編集|削除）
製品1はクールな製品です

...残りのページコンテンツ

しかし、これを実現するためにどのCSSを使用すればよいかわかりません。私がすることはすべて、次のように、説明の段落をタイトルと同じ行に配置しているようです。

製品1（編集|削除）製品1はクールな製品です

...残りのページコンテンツ

JSFiddleへのリンク。

こんにちは私はローカルスクローラーでサイドを構築しています。タグの値を取得してIDとして使用する方法はありますか？

こんな感じになります

私はワードプレスを実行しています。

私は追加します

css の最後に追加しますが、ページは変更されません。しかし、いくつかの h1 の html に追加すると:

それならそうです。

私は css の専門家ではありません。問題は css ファイルのどこかにあると思います。ここにあります：

ここにこの画像がありますhttp://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.pngの背景画像として使用したいh1

私の問題は、左側の部分を表示するにはどうすればよいですか? ここに私の現在のCSSコードがあります

使えばうまくいくと思っmargin-left:-50pxていたのですが、うまくいきませんでした。

選択したテキストをH2タグでラップする次のコードがあります。

問題は、Firefoxでのみ機能することです（IEではまだテストしていませんが）。SafariやChromeでは動作しません。

私は何かを逃したことがありますか、それともこの機能はすべてのブラウザと互換性がないだけですか？

私が必要とするような見出しのいくつかのフィドルを作成しました。

CSS:

HTML:

親コンテナーからテキストを押し出すテキストの周りの境界線を使用しているため、これは完全な解決策ではありません。

それを行う他の方法はありますか？ただし、追加の div と JS はありません。

PS: 背景画像が異なる可能性があるため、既にテキストの下に同じ背景を配置しようとしていますが、解決策ではありません。

PPS: "div.main-container" には、overflow:hidden を含めてはなりません

私は、電子メールニュースレターのデザインとコーディングであるブライヤーパッチをナビゲートしてきました。1つの問題が発生し続けています。私の見出しの行の高さが、異なる電子メールクライアント間で一貫していないということです。

GmailやiPhoneなど、1つのセットで見出しに多くのスペースが与えられます。

もう1つのグループ、主にOutlookは、見出しの余裕を大幅に減らします。

私のコードは次のとおりです。

newletterアプリケーションで必要に応じてテキストを入力します。

すべての（またはほとんどの）クライアントがGmailのようにタイトルをレンダリングするように、この部分をどのようにコーディングできますか？見出しだけにネストされたテーブルを追加したり、上部の境界線をオレンジ色にしたりするなど、さまざまなことを試しました。これらの修正はGmailのレンダリングにも影響しますが、それは私が望んでいることではありません。

Webページ内に同じページの一部へのリンクを設定しようとしていますが、元のテキスト形式を維持したいと考えています。これは単純なh4見出しでした。h4設定やtext-decorationをnoneに設定するなど、さまざまなことを試しましたが、リンクから下線を削除しても、h4見出しの色とサイズに戻ることはありません。これを達成する方法はありますか？

私はまだ HTML5 に慣れようとしていますが、少し混乱しているように感じるものがあります....

私はかつてJeremy Keith の本と HTML5 Doctor を読んだことがあり (この質問を介して)、HTML5 によって複数h1の s を使用できるようになると書かれています。HTML5 では、各セクションに独自の見出し要素を含めることができるため、複数のh1. これを最大限に適用しているように見えるWordpressテーマフレームワーク「アンダースコア」を見てきました。

ただし、これは古いブラウザー (まだ HTML5 をサポートしていない) では、サイト構造/ドキュメント アウトラインを定義する際に問題を引き起こす可能性があります。また、SEO的にも問題があります。

私はMatt Cutts の (Google の) ビデオに出くわし、Keith の本を再読して、使用を制限しh1、従来のドキュメント アウトラインを使用することを推奨しています ( h11 ページに 1 つまたは 2 つだけを使用し、その後に複数h2のh3、などを使用します)。h1Matt Cutts はまた、複数は SEO にとってあまり良くないことを暗示しています。

でも、

• 以前は、サイトの構造やドキュメントの概要に真剣に注意を払ったことはありませんでした。そのため、古いブラウザー (HTML5 より前) がサイト構造/ドキュメント アウトラインをどのように読み取るかはわかりません。HTML5のアウトライナーはありますが、HTML4 のアウトライナーが見つかりません。
• Matt Cutts のビデオ (HTML5 と SEO に関するもの) は 2009 年に公開されました。Google が文書をアウトライン化する新しい HTML5 の方法を既にサポートしているかどうかはわかりません。

だから私の質問は、もし私がしたいのであれば：

• 古いブラウザ (Firefox 3.0 や IE 6 など) をサポートして、正しいサイト構造/ドキュメント アウトラインを表示します。
• SEOで良い結果を得る

複数h1の s (HTML5 で行われる方法) と従来の方法のどちらを使用する必要がありますか?

この HTML5 のもの (HTML5 Doctor からの例):

または従来の方法？

I need to replace all:

with

in a string of content. Basically i just want to replace the "p" with a "h2".

This is what i have so far:

That matches the entire <p> tag, but i'm not sure how i would go about replacing the <p> with <h2>

How would i go about doing this?