1. 块级元素

块级元素（block element）在浏览器中占据整行，并排斥其它元素与其位于同一行。也就是说，块级元素的宽度是 100%。常见的块级元素如下表：


块级元素
块级元素说明
div 最典型的块元素
p 表示段落
h1-h6 表示1-6级标题（默认加粗）
br 表示换行
ol 有序列表
ul 无序列表

2. 行内元素

行内元素又称内联元素（inline block）。在浏览器中可以与其它行内元素共占一行，只有当多个元素的总宽度大于浏览器的宽度时，才会换行显示。常见的行内元素如下表：


行内元素

 

行内元素说明
a 超链接
span 常用行级
strong 加粗，强调
b 加粗，不强调
em 斜体，强调
i 斜体，不强调
img 图片
input 输入框
select 下拉列表