|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>float</title>
<style rel='stylesheet' type='text/css'>
img {
margin: 3px;
border: 1px solid rgb(128, 128, 128);
}
p {
font: 12px sans-serif;
}
div#fifty-states {
text-align: center;
border: 1px solid rgb(200, 200, 200);
background: lightyellow;
margin: 5px;
float: left;
}
</style>
</head>
<body>
<div id='fifty-states'>
<img src='http://www.java2java.com/style/logo.png' alt='' />
<p>
Sed non dolor ut.
</p>
</div>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
eros leo, molestie eu, laoreet eu, rhoncus suscipit, tortor.
Fusce interdum, metus eu sagittis mollis, lorem augue fringilla
leo, at pretium magna tortor sed ligula. Nulla id nisl. Cras
interdum velit sit amet lacus. In egestas. Integer aliquet.
Phasellus sagittis congue dui. Aenean purus neque, viverra at,
imperdiet sit amet, dignissim vel, sapien. Suspendisse tristique.
Fusce nunc. Pellentesque ultrices magna in leo. Vestibulum
aliquam quam fermentum sapien. Aenean velit erat, vestibulum sit
amet, rhoncus a, viverra vitae, lacus. Etiam porttitor, mauris ut
vulputate egestas, tortor dolor tincidunt leo, non scelerisque
magna dui vitae urna. Vivamus ut massa. Vestibulum sit amet
sapien et magna varius auctor. Sed a magna. Pellentesque nonummy
odio nec metus. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
eros leo, molestie eu, laoreet eu, rhoncus suscipit, tortor.
Fusce interdum, metus eu sagittis mollis, lorem augue fringilla
leo, at pretium magna tortor sed ligula. Nulla id nisl. Cras
interdum velit sit amet lacus. In egestas. Integer aliquet.
Phasellus sagittis congue dui. Aenean purus neque, viverra at,
imperdiet sit amet, dignissim vel, sapien. Suspendisse tristique.
Fusce nunc. Pellentesque ultrices magna in leo. Vestibulum
aliquam quam fermentum sapien. Aenean velit erat, vestibulum sit
amet, rhoncus a, viverra vitae, lacus. Etiam porttitor, mauris ut
vulputate egestas, tortor dolor tincidunt leo, non scelerisque
magna dui vitae urna. Vivamus ut massa. Vestibulum sit amet
sapien et magna varius auctor. Sed a magna. Pellentesque nonummy
odio nec metus. Pellentesque habitant morbi tristique senectus et
netus et malesuada fames ac turpis egestas.
</p>
</body>
</html>
|