title: CSS - How to prevent the DIV without content from shrinking
body: <p>I have the following code:</p>
  
  <pre><code>  &lt;div id="sub-title-div"&gt;
    Hello world
    &lt;/div&gt;
  
    #sub-title-div {
      background: #FFE640;
      position: relative;
      top: 0px;
      left: 30px;
      width: 901px;
      height: 137px;
      line-height: 13px;
    }
  </code></pre>
  
  <p>I found that if I remove the 'Hello World', the #sub-title-div will shrink and become invisible. Is there an easy method that I can do this more elegantly?</p>
  
  <p>Thank you</p>