Files
flenser/test/html/manual/floats-worm.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>