title: how to display image on left and paragraph on right on the same line
body: <p>I want to do inline html styling, I want an image to float left and the paragraph on the right side by side on the same line, however I'm not getting the desired result with the code below:</p>
  
  <p>My code is below or please view a <a href="http://jsfiddle.net/BMv5u/" rel="nofollow">jsFiddle</a></p>
  
  <p>index.html</p>
  
  <pre><code>&lt;div class="newWrapper"&gt;
      &lt;div class="person1" style="float:left; display:inline-block; "&gt;
          &lt;img src=simonwilliams.jpg width="auto" height"auto" clear:both;/&gt;
          &lt;p style="float:right; display:block;"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu mauris, ullamcorper et ligula vitae, hendrerit sodales tellus. Maecenas quis pulvinar lacus.&lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="person2" style="float:left" display:inline-block;&gt;
          &lt;img src=simonwilliams.jpg width="auto" height"auto"/&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu mauris, ullamcorper et ligula vitae, hendrerit sodales tellus. Maecenas quis pulvinar lacus.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>