在编写网页的时候，我想在右侧实现HTML图文混排功能
HTML代码内容：
复制代码 代码示例:
<div class="profile-datablock">
<div class="profile-content">
<img src="http://www.jb200.com
www.jb200.com" alt="24点游戏爱好者" width="80" height="120" style="float:left;margin-right:8px;" />
24点游戏是一个有趣的益智数学游戏， 24点大全网站提供24点游戏技巧、巧算24点、在线算24点、24点计算大比拼、24点手机app下载、24点趣谈、大量24点题目、24点难
题、最难的24点等精彩内容。
</div>
</div>
HTML中实现图文混排的关键点：设置float样式，比如 float:left。
由于默认情况下文字会紧贴着图片，所以要使用margin样式来调整，比如 margin-right:8px。
以上即为css实现HTML网页图文混排效果的方法，有兴趣的同学复制代码看看效果。
