行内元素没有宽高，块级元素有宽高

html 行内元素是没有宽高的！也就是说没有width！高的话可以用line-height撑起来。

要想行内元素有宽高，可以将行内元素转化为块级元素或者行内块元素：

display:block;（转为块元素，独占一行）
display:inline-block;（转为行内块元素，在一行内显示但又有宽高）

像span label 等元素 都是行内元素，仅用height和width控制高宽往往达不到想要的效果，一般都要加上display:block;(独占一行) 或是display:inline-block;（仍为块级元素）
块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了
下面我们举例子：

块元素和行内元素也不是一成不变的，只要给块元素定义display:inline，块元素就成了内嵌元素，同样地，给内嵌元素定义了display:block就成了块元素了

div1

div2

span1span2

div3

div4

span3 span4