43 lines
1.4 KiB
HTML
43 lines
1.4 KiB
HTML
<?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>
|
|
|
|
|
|
|