title: 3 divs side by side (bootstrap)
body: <p>I have 3 divs with float: left;
  first one is the title which cant be with fixed width. 
  second is an image which is 150x150 and third is a paragraph which should spread to all available space.</p>
  
  <p>Everything works great if the paragraph is short (only if it has one line it works) but if it is longer the paragraph is messed up. the second line doesnt go under the first one, and the whole paragrah goes under the title and image. </p>
  
  <p>Im trying to accomplish this <img src="https://i.stack.imgur.com/CRyQm.jpg" alt="enter image description here"></p>
  
  <p>And this is the what Im getting
  <img src="https://i.stack.imgur.com/X8DgJ.jpg" alt="enter image description here"></p>
  
  <p>markup is this</p>
  
  <pre><code>&lt;div class="row row-list"&gt;
      &lt;h3&gt;title&lt;/h3&gt;
      &lt;div class="container-img"&gt;&lt;img src=""&gt;&lt;/div&gt;
      &lt;div class="container-paragraph"&gt;&lt;p&gt;lorem ipsum&lt;/p&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in css beside styling (color, font-size..) there is only float: left;
  padding on container-paragraph is 50px 35px, and margin is 0;</p>
  
  <p>I'm using latest bootstrap and wordpress</p>