字体环绕图片 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4 <meta charset="UTF-8" />
 5 <title>test</title>
 6 <style>
 7 body{ 
 8 padding: 0;
 9 margin: 0; }
10 .box { 
11 width: 500px; }
12 img{ 
13 float: left; }
14 </style>
15 </head>
16 <body>
17 <div class="box">
18
19 <p>
20 <img src="./imgs/css3.jpg" alt="css3" />
21 Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hellold!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!</p>
22 </div>
23 </body>
24 </html>

 

posted @ 2016-12-22 10:10  巫瞅瞅  阅读(358)  评论(0)    收藏  举报