title: Wrap the content in div
body: <p>I need to wrap my content in a div automatically when the content exceeds the width of the div.</p>
  
  <p>How can i use css to make the content fit to div without using scrollbar. </p>
  
  <p>Here is my Code :</p>
  
  <pre><code>&lt;div id="main"&gt;
    &lt;ul&gt;
      &lt;li&gt;
        &lt;blockquote&gt;
          &lt;p&gt;content content content content&lt;/p&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#main ul li blockquote p
  {
      display: inline-block;
      white-space: nowrap;
  }
  </code></pre>
  
  <p>How can i do this ?</p>