CSS 行内元素hover时阴影高度不够的问题

像 a，span这样的行内标签，其元素本身的大小是由元素内的内容大小决定的。
假设 <span>hahahha</span>，span标签的大小，是由其hahaha文字大小决定的，其使用者不能修改span标签的大小。
这样就会造成一个问题：
即hover时，给span标签加阴影，但是span标签的高度不够高。

如何解决这样的问题呐？
其实我们只要能修改span标签的宽高即可满足要求。
要修改行内元素的宽高，有两种做法：

1. 设置浮动
2. 设置display属性
   浮动完毕后，设置span标签的高度为头部的高度，再hover时，就是整个头部的高度