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

html-css06

为什么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;

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

1、<header>标签是 HTML 5 中的新标签,功能是定义文档的页眉(介绍信息)。

在html5之前一般都是定义一个div,比如<div class="head"></div>,html5出现以后,主张语义化标签,选择器直接就写<header></head>就可以了。

2、HTML中h元素<h1>到<h6>标签用来定义标题。<h1>定义最大的标题。<h6>定义最小的标题。由于 h 元素拥有确切的语义,因此要慎重地选择恰当的标签层级来构建文档的结构。例子:

六个不同的 HTML 标题:

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<h5>这是标题 5</h5>

<h6>这是标题 6</h6>