<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> #hunpai{ width:500px; height:400px; border:2px dashed orange; padding:5px;/* 内边界 */ } #img11{ float:left; margin:10px;/* 外边界 */ } #txt11{ color:green; } </style> </head> <body> <!-- 图文混排 --> <div id="hunpai"> <div id="img11" ><img src="images/1.png" width="200"></div> <div id="txt11">我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。 出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。 出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。 出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。”我的博客是http:wwww.cnblogs.com/qingyundain 我的博客是http:wwww.cnblogs.com/qingyundain 文字是一个汉语词汇，拼音为wén zì，基本意思是记录思想、交流思想或/承载语言的图像或符号。 出自《史记·秦始皇本纪》：“一法度衡石丈尺，车同轨，书同文字。</div> <!-- 图文混排图片右浮动文字就在左 --> </div> </body> </html>
效果：
