title: CSS Div content not expanding
body: <p>I have a main div id called #main and then a list ul li...</p>
  
  <p>Here is the css:</p>
  
  <pre><code>#main {
    display:block;
  }
  
  #main ul {
  list-style: none outside none;
  margin: 0 0 20px;
  padding: 0;
  }
  </code></pre>
  
  <p>etc...</p>
  
  <p>The problem is that when the content grows I get the issue shown on the attached image:</p>
  
  <p><img src="https://i.stack.imgur.com/emFBp.png" alt="enter image description here"></p>