对元素使用float之后换行的解决方案

比如有代码
<p style=”float:left”>我是一个段落！<span style=”float:right”>测试换行</span></p>
这里我是对p设置一个左浮动，其实它里面的内容（蓝色文字）是没有浮动的，当对span元素设置右浮动时，本意是p占据一行内容，然后span在p的最右侧，可是实际span却换行居于p的右侧。
原因是当非float的元素和float的元素在一起的时候，如果非float元素在先，那么float的元素将被排斥！
解决办法：把浮动元素放在未浮动的之前。
<p style=”float:left”><span style=”float:right”>测试换行</span>我是一个段落！</p>