div盒子中<p>自动换行

你设置一下div的width属性就行了
其实你可以吧<p></p>标签去掉的，在这里<p></p>没什么用处
想换行的话可以设置一下padding-top属性
个人看法，希望对你有帮助。

div是块级元素，span是行内元素
div、p、h1~h6之类的块级元素默认情况下在他门后面的元素会被挤到下面去换行，而span行内元素就不会换行，还是在一行。你清楚了这个就大概知道什么时候该用什么了。例子：
代码：
<p>这里要<div>换行</div></p>
结果：
这里要
换行
------------------------------------
代码：
<p>这里不<span>换行</span></p>
结果：
这里不换行
还有个常见情况是比如：
<p>
一段文字是蓝色，我希望中间有两个字是<span>红色</span>的突出一下
</p>
假设p的样式是color:blue;，而文字中需要突出的“红色”两个字又不是个链接，就可以加个span，给span加上样式：color:red;
还有些特殊用法，你摸清楚了上面2个用法慢慢的就会明白了。

---