title: div doesn't fit content
body: <p>I have a problem that div doesn't fit content when it contain long words. It just take max-width.</p>
  
  <p>Screenshot:</p>
  
  <p><a href="http://img687.imageshack.us/img687/3253/photondf.png" rel="nofollow">http://img687.imageshack.us/img687/3253/photondf.png</a></p>
  
  <p>I want div to take same width as content without javaScript.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="div"&gt;
      &lt;p&gt;fkjdajfkdjfkdjfkdfjkdfjkdfjdfdjkfkjfdkdfioiewtiovvuiocuvicxvocxvuiocxvucioxbuvbhxjk
      civuiozxviopucvicvuvjcizoxvopcxvpiovxzijpvxzicovpzvjijopcvzxpvjiocvpjzvicvzpjvci.&lt;/p&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.div {
      float: left;
      background:red;
      max-width: 900px;
  }
  </code></pre>