title: How to have an image top left and bottom right
body: <p>Can someone please tell me what I am doing wrong here? What I have are quote images. I want to wrap the text in between these quotes. The open quote is fine and displays correctly. The image is top left and the text wraps around and below it. The closing quote however will not render properly. It goes below the paragraph tag.</p>
  
  <p>Thanks</p>
  
  <pre><code>      &lt;div id="box1"&gt;
          &lt;div class="info"&gt;adfda&lt;/div&gt;
          &lt;div class="post"&gt;
            &lt;img style="float:left" src="quotes-open.jpg" alt="" /&gt;
            &lt;p&gt;lskg;alsjglkajg jlg; ;lkj g;lk aglkj;lgkjlkjg alkjs glkjhaslkj hjkas hglkj asg hagl&lt;/p&gt;
            &lt;img style="float:right" src="quotes-close.jpg" alt="" /&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
  .post p {
    line-height: 1.2em;
    margin: 0 0 20px 0;
  </code></pre>
  
  <h2>    }</h2>
  
  <p>Anyone??</p>