HTML元素大可分为两类：内联(inline)元素、块(block)元素。任何不是块级元素的可见元素都是内联元素。
方法/步骤
1
什么是块状元素呢？块状元素就是以块显示的元素，高度宽度都是可以设置的。
2
块状元素的特点：1、总是在新行上开始；2、高度，行高以及外边距和内边距都可控制；3、不设置宽度，那么宽度就等于父类的宽度；4、它可以容纳内联元素和其他块元素。
3
常见的块状元素：div、p、h1~h6、hr、table、ul、
4
块状元素会自动换行。效果如图：
内联(inline)元素
1
什么是内联元素？ 内联元素主要用于显示文本，与块级元素相反，内联元素的高度宽度是不可以设置的，其宽度就是自身文字或者图片的宽度。
2
内联元素的特点1、元素不会换行，高和外边距不可改变；2、宽度设置无效，它的宽就是它的文字或图片的宽度3、高度height无效，可以通过line-height来设置文本的行高；4、设置margin只有左右margin有效，上下无效；5、设置padding只有左右padding有效，上下则无效。6、内联元素只能容纳文本或者其他内联元素。
3
常见的内联元素：span、a、b、font、i、img、select、textarea、input等
4
行内元不会自动换行，会自动把文本内容显示成一行。如图：