H3タグの横に画像を右に浮かべて

Question

右に浮かせた画像は、H3などの見出しのタグと並んでいません。 H3タグは独自の線を持ちたいので、常に画像の下に表示されます。

イメージをH3タグの内側に入れても機能しますが、私たちの編集者の中にはHTMLを掘り下げるのに慣れていないので、CSSでこれを修正したいと思っています。

これは、Hタグが動作する標準的な方法ですか？それとも、私の微妙なCSSの微妙な調整ができますか？

私は、Thematicテーマに基づいて子供のテーマを使用してWordpressでこれをやっています。

Answer 1

これは、Hタグがブロックレベルの要素であるため、これは正常な動作です。詳細については、this explanationを参照してください。

ブロックレベルの要素を、ブロック要素の通常のように、すべての幅を拡張しないようにすることもできます（たとえば、浮動（幅を狭める）、表示のプロパティの変更など詳細については、this fantastic tutorialを参照してください。

Answer 2

このような

.....彼らは並んで表示されます....画像タグの後H3タグを入れてみてください：あなたがする必要があるのすべてが追加され

<img src="path/to/some/image" style="float:right;" /> 
<h3>some heading</h3> 

Answer 3

float:left;をh3タグに追加します。

これを参照してくださいfiddle。