html - H2 および H3 タグの行では、H3 はコンテナに合わせて H2 をラップします。

Question

H2 と H3 を一列に並べようとしていますが、大量のテキストがある場合は、イメージを表示するように H2 タグとコンテナーをラップする必要があります。

を適用しましたdisplay:inline-blockが、テキストの折り返しは機能しません。

http://jsfiddle.net/4vTZA/

Answer 1

floatこの場合、h2要素が必要になります。

h2 { float:left;}
h3 { display:inline; }

また、h2が複数の行を消費line-heightするのを防ぐために、それらを同一にする必要があります。

h2, h3 { line-height:20px; }

JSFiddleの例。

Answer 2

あなたのコードで-

div {margin:20px;}
h2 ,h3{display:inline;,float:left;}
h2
{
    font-weight:bolder;

}

あなたはそれを簡単に行うつもりです。あなたのためにより簡単にする-http ：//jsfiddle.net/4vTZA/6/