效果： ...
<!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>
效果：
