css实现文字在左，图片在右
1.文字包裹图片
首先应该把<img> 标签写在 <p>标签的前面，然后给<img>标签设置浮动float属性.
-
代码
-
效果
2.文字浮动在左，图片在右
有时候我们并不想让图片包裹文字，而是想让文字区域有一个固定的区域然后放置在图片的左端，这个时候，只需在上面代码的前提下再给<p>标签加上宽度以及浮动属性
-
代码
-
效果
还有一个问题需要注意一下，就是当有一连串不间断的字母时，它不会自动折行
解决方法
给<p>加上属性word-break:break-all;
