title: align an image and some text on the same line without using div width?
body: <p>Ok so I'm trying to align an image(which is contained in a div) and some text(also contained in a div) on the same line, without setting width for the text, how can i do it? This is what I have so far.</p>
  
  <pre><code>&lt;div id="container"&gt;
  
      &lt;div id="image" style="float:left;"&gt;
          &lt;img src="tree.png"  align="left"/&gt;
      &lt;/div&gt;
  
      &lt;div id="texts" style="float:left;"&gt; 
          A very long text(about 300 words) 
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>When the text is short, the image and text can be fit into the same line, but my text is pretty long, and it automatically jumps on another line below the image. </p>
  
  <p>Basically, now it's this: <a href="http://puu.sh/MPw2" rel="noreferrer">http://puu.sh/MPw2</a>
  I want to make this: <a href="http://puu.sh/MPvr" rel="noreferrer">http://puu.sh/MPvr</a></p>
  
  <p>I'm been trying to solve this problem for like 3 hours I'm so noob please help? :S</p>