html - 在 H2 和 H3 行标签中，H3 包裹 H2 以适应容器

Question

我试图让 H2 和 H3 保持一致，如果有大量文本，它应该环绕 H2 标记和容器以显示图像。

应用了display:inline-block但文本换行对我不起作用。

http://jsfiddle.net/4vTZA/

Answer 1

在这种情况下，您需要floath2 元素：

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

您还需要使它们相同line-height以防止 h2消耗多行：

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/