div是块级元素，span是行内元素

div、p、h1~h6之类的块级元素默认情况下在他门后面的元素会被挤到下面去换行，而span行内元素就不会换行，还是在一行。你清楚了这个就大概知道什么时候该用什么了。例子：

代码：
<p>这里要<div>换行</div></p>

结果：
这里要
换行
------------------------------------
代码：
<p>这里不<span>换行</span></p>

结果：
这里不换行