title: How to put text float around image like some newspapers' format using CSS?
body: <p>I want my image wrapping with text align like this</p>
  
  <pre><code>&lt;html&gt;
  
  text text text text text &lt;br&gt;
  text text text text text &lt;br&gt;
  ______________    text text text &lt;br&gt;
  image    | text text text &lt;br&gt;
  image    | text text text &lt;br&gt;
  image    | text text text &lt;br&gt;
  ___________|  text text text (end)
  &lt;/html&gt;
  </code></pre>
  
  <p>I've tried this <code>&lt; DIV style="text-align:justify; text-justify:newspapers; padding:10px; font-size:1ุpx" &gt; text text text text ....</code>  but the result comes like this</p>
  
  <pre><code>______________ &lt;br&gt;
  image    | text text text text&lt;br&gt;
  image    | text text text text&lt;br&gt;
  image    | text text text text&lt;br&gt;
  ____________|  text text text text&lt;br&gt;
  text text text text text text  
  text text text text text text (end)
  </code></pre>
  
  <p>What should I do without manual putting ? (like align text first , then image and final , text) because all images and texts of my website will be fetched from the database.</p>