title: How to set multiline text in floated div not expand his width
body: <p>I want use floatet image with some text about this image in my content. </p>
  
  <p>I'm using this HTML + CSS for this:</p>
  
  <pre><code>&lt;p class="container"&gt;
  &lt;img src="http://www.google.com.ua/images/logos/ps_logo2.png" width="200"/&gt;
  &lt;span class="text"&gt;Some text wider that image image image blablabla&lt;/span&gt;
  </code></pre>
  
  <p></p></p>
  
  <p>And CSS for it:</p>
  
  <pre><code>.container { float:right; border:2px solid #000; }
  .container img { display:block; margin-bottom:10px; }
  </code></pre>
  
  <p>But, if text about image is wider, it is expand floated parent. I'm not want this behaviour. I want to limit max-width of parent p element to width of image. </p>
  
  <p>Here example on jsfiddle: <a href="http://jsfiddle.net/wBVqt/1/" rel="nofollow">http://jsfiddle.net/wBVqt/1/</a></p>
  
  <p>I can do what I want through position:absolute and padding-bottom, but I don't know value for padding-bottom. jsfiddle.net/wBVqt/3/</p>