CSS中行内元素和块级元素区别

块级元素和行内元素是布局中常见的两种基本元素，而很多人不知道它们的差别

一：块级元素（block element）

每个块级元素一般占一行。

二：行内元素（inline element）

行内元素也叫内联元素、内嵌元素等。行内元素不会独占一行，相邻两个行内元素可以排在同一行，

对行内元素需要注意如下：

设置宽度width 无效。

设置高度height 无效，可以通过line-height来设置。

设置margin 只有左右margin有效，上下无效。

设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的。