Edit in JSFiddle

        <title>A parade of floats</title>
        <!-- Put your CSS here -->
        <link rel="stylesheet" href="css/styles.css" />
        <!-- 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>