title: CSS - Positioning images next to text
body: <p>I'm doing a site in which images need to presented next to textual content - a sort of pseudo two-column layout, as the images and text come from a single html source.</p>
  
  <p>I've found quite a simple way to do this by putting the images as their own paragraphs and floating them. Would there still be a more simpler way (in regards to html) to do this without these extra paragraphs and by only attributing extra css to images?</p>
  
  <p>If the floated image is in the same paragraph than the text, then paragraphs with and without images would be different in width.</p>
  
  <p><strong>EDIT</strong>: Basically, I'm looking for as simple HTML markup as possible to position images like <a href="http://www.widerscreen.fi/2006/3/elokuvallinen_kauhukokemus.htm" rel="noreferrer">this</a>. The CSS can be complex ;)</p>
  
  <pre><code>CSS:
  p { width: 500px; }
  p.image { float: right; width: 900px; }
  
  
  Current HTML:
  &lt;p class="image"&gt;&lt;img src="image.jpg" /&gt;&lt;/p&gt;
  &lt;p&gt;Some text here.&lt;/p&gt;
  
  
  Is the above possible with this HTML?
  &lt;p&gt;&lt;img src="image.jpg" /&gt;&lt;/p&gt;
  </code></pre>