在H2和H3标签中,H3包裹H2以适合容器

时间:2013-02-21 11:53:20

标签: html css

我正在努力保持H2和H3在线,如果有大量文本,它应该环绕H2标签和容器显示图像。

应用display:inline-block,但文字换行不适合我。

http://jsfiddle.net/4vTZA/

enter image description here

2 个答案:

答案 0 :(得分:2)

在这种情况下,你需要float h2元素:

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

您还希望为它们提供相同的line-height,以防止h2 消费多行:

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

JSFiddle example

答案 1 :(得分:1)

在您的代码中 -

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

}

你很容易做到。让您更轻松 - http://jsfiddle.net/4vTZA/6/