css/example4.html at master · acelan86/css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>图片浮动</title>
        <STYLE type="text/css">
      IMG { float: left }
      BODY, P, IMG { margin: 2em }
    </STYLE>
    </head>
    <BODY>
      <P>和float在同一行
      <IMG src="http://www.w3.org/TR/CSS21/images/inline-layout.png" alt="This image will illustrate floats">
      the text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float imagethe text after float image
    </BODY>
</html>