<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>