块级元素和行内元素的区别

块级元素和行内元素的区别


1、块级元素可以设置宽度和高度属性，而行内元素不行；


2、块级元素：display:block; 而行内元素：display:inline;


3、块级元素可以设置margin、padding，而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效，竖直方向上的margin-top、margin-bottom、padding-top和padding-bottom不能生效；


4、块级元素可以独占一行，而行内元素不会独占一行。