用CSS实现HTML网页图文混排成效-HTML教程-爱易网页

用CSS实现HTML网页图文混排成效

日期：2014-05-17　浏览次数：20732 次

用CSS实现HTML网页图文混排效果

在编写www.huylin.com网页的时候，我想在右侧站点介绍区域实现HTML图文混排功能，效果如下所示：

原来的HTML代码内容（因为模板取自别的网站，有点乱）：

<strong>24点游戏爱好者</strong>

</div>

<div class="profile-textblock">24点游戏是一个有趣的益智数学游戏， 24点大全网站提供24点游戏技巧、巧算24点、在线算24点、24点计算大比拼、24点手机app下载、24点趣谈、大量24点题目、24点难题、最难的24点等精彩内容。如果您要算24点题目，那么请一定收藏24点大全网站哦！

</div>

</div></div>

</div>

修改之后的HTML代码内容，做了很大的简化：