title: Set <div> height based on font size?
body: <p>I have a Java application that displays a single HTML file within a WebView.</p>
  
  <p>The following CSS snippet is used to set the style of a <code>&lt;div&gt;</code> in that web page:</p>
  
  <pre><code>.header {
      margin: auto;
      background-color: #0479ccff;
      font-weight: bold;
      color: #FFFFFF;
      padding: 5px;
      height: 20px;
  }
  </code></pre>
  
  <p>However, the font size of the text within the <code>&lt;div&gt;</code> is adjustable by the application user so I need to have a way to scale the height of the div relative to the font size. With larger fonts, the <code>&lt;div&gt;</code> height remains the same and the text overlaps its bottom border.</p>
  
  <p>Is there a way to do with with pure CSS?</p>