多个<p>中，上面的<P>设置了右对齐以后，下面的<p>为什么会跑到第一个<p>的同一行并且被上面的<p>的图片覆盖?

Question

有以下的html代码 
<p> <img src="1.gif" align=right> </p> 
<p>text1 </p> 
<p>text1 </p> 
<p>text1 </p> 由于1.gif很大，把下面几个 <p>都盖在图片下面了。 
为什么第一个 <p>设置了右对齐后面的<p>就跑到了第一个<p>的同一行并且被第一个<p>中的图片覆盖了那？这是HTML的bug吗？该怎么解决。 
请指教，谢谢

Answer 1

图片设为浮动，其它p标签的clear:ALL

Answer 2

你的问题与你的等级差别也太大了呀,老大<p>  <img src="1.gif" style="float:right"/>  </p> 
<p style="clear:both;">text1  </p> 
<p>text1  </p> 
<p>text1  </p>