为什么html中h2不可以和li一行

html-css09

为什么html中h2不可以和li一行,第1张

这是因为h2默认是块级元素，它会独占一行（div也是块级元素，所以div也不会跟其他元素同一行）。把h2和li都强制设为行内元素（inline）或行内块级元素（inline-block）就可以在一行了：

<h2 style="display:inline-block">这是h2</h2><li style="display:inline-block">这是li</li>

也可以设为浮动元素，这样也会出现在同一行：

<h2 style="float:left">这是h2</h2><li style="float:left">这是li</li>

方法一：设置两个h2标签的Css:display属性的值为inline-block；

方法二：将两个h2标签的width设置为50%,并且设置float:left；

这是我知道的两种方法，也许还有更好的办法。