title: How to align an image next to a paragraph
body: <p>Something like this... </p>
  
  <p>[img here ]  [ Paragraph here ]</p>
  
  <p>instead of what I have now.</p>
  
  <p>[img here ] </p>
  
  <p>[ Paragraph here ]</p>
  
  <h1>HTML</h1>
  
  <pre><code>   &lt;p&gt; &lt;div class="polaroid"&gt;
       &lt;img src="Me1.jpeg" title="Me" alt="Me" align="left" /&gt;
      &lt;p class="polo"&gt;That's Me!!!&lt;/p&gt;
         &lt;/div&gt;&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="blocker03"&gt;
      &lt;p class="description"&gt;
   blah blah blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
    blah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blahblah blah
      blah   blahblah blahblah blahblah blahblah blah&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>.blocker03 {
   width:470px;
   padding-left:60px;
   margin:0 0 10px 25px;
   font-size:12px;
   display:inline-block;
    }
  
  .polaroid {
  postion: relative;
  float: right;
  border: 3px solid #C6930A;
  border-style:dotted;
  background: #66594C;
  width: 140px;
  padding: 5px;
  margin: 5px;
  text-align: center; 
  -moz-box-shadow: 1px 1px 3px #222;
  -moz-transform: rotate(-5deg);
  -webkit-box-shadow: 1px 1px 3px #222;
  -webkit-transform: rotate(-5deg);
  box-shadow: 1px 1px 3px #222;
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
      } 
  </code></pre>