blob: 9e05093335c9959786d8289b3a52db706f114093 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Floats and iterators: search for "worm" and pay attention
to the order.</title>
<style type="text/css">
.float1, .float2 {
padding: 0.5em;
border: 1px dashed #404040;
width: 30%;
}
.float1 {
float: left;
margin: 0.5em 0.5em 0.5em 0;
}
.float2 {
float: right;
margin: 0.5em 0 0.5em 0.5em;
}
</style>
</head>
<body>
<div class="float1">1: apple apple worm apple apple</div>
<p>2: apple apple apple apple apple apple apple apple apple apple
apple apple apple apple apple apple apple apple apple apple
apple apple apple apple worm apple apple apple apple apple apple
apple apple apple apple apple apple apple apple apple apple
apple apple apple apple apple apple apple apple</p>
<div class="float2">3: apple apple worm apple apple</div>
<p>4: apple apple apple apple apple apple apple apple apple apple
apple apple apple apple apple apple apple apple apple apple
apple apple apple apple worm apple apple apple apple apple apple
apple apple apple apple apple apple apple apple apple apple
apple apple apple apple apple apple apple apple</p>
<div class="float1">5: apple apple worm apple apple</div>
<body>
</html>
|
