<html>
<head>
<title>A parade of floats</title>
<!-- Put your CSS here -->
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<!-- Part 1: Make the image float to the left of the text -->
<div class="first-part">
<img src="http://placekitten.com/125/125" />
<p>You can use <a href="http://www.placekitten.com">placekitten.com</a> for all your placeholder image and/or cat-therapy needs! You can even get placeholder images of different sizes. It's really quite amazing.</p>
<p>In the meantime, try making this image float to the left of this text, so these paragraphs wrap around it. <strong>Stare at the kitty if you get frustrated</strong>.</p>
<p>Excuse me while I switch to Latin.</p>
<p>*<em>clears throat</em>*</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a nibh tortor. Nam aliquet aliquam accumsan.</p>
<p>In turpis neque, tempus sed aliquet a, imperdiet in est. Nulla ut nibh magna, a mollis dui. Donec enim elit, pulvinar nec accumsan non, faucibus quis ligula.</p>
<p>Vivamus massa purus, tincidunt adipiscing rutrum nec, pretium ullamcorper enim. Etiam feugiat ante quis nunc feugiat sed iaculis nisi consectetur.</p>
</div>
</body>
</html>