title: Float text against image without wrapping underneath
body: <p>I have a paragraph of text against a floated image; is there a way to get the text to stay against the border formed by the side of the image, but not go underneath it when the text flows past the bottom of the image?</p>
  
  <p>CSS:</p>
  
  <pre class="lang-css prettyprint-override"><code>.textChunk {
    font-family: 'Special Elite', cursive;
    font-size: 20px;
    display: block;
    float: none;
    clear: both;
  }
  
  .leftPic {
    max-width: 35%;
    max-height: 35%;
    margin-right: 10px;
    float: left;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="textChunk"&gt;
      &lt;img class="leftPic" src="images/joshFace.png"&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>