title: Make div same height as text
body: <p>I would like the div .omschrijving to have the same height as the text in it.</p>
  
  <p>This is my current HTML:</p>
  
  <pre><code>&lt;div class="aProduct"&gt;
      &lt;div class="omschrijving"&gt;
          &lt;span class="entry inner"&gt;
              Mundo Melocoton Short Aqua Blauw enzo bla bla bla bla bla bla bla
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my CSS:</p>
  
  <pre><code>.aProduct {
      margin-bottom: 26px;
      padding-bottom: 28px;
      border-bottom: 2px solid #dcd8d7;
  }
  
  .aProduct .omschrijving {
      line-height: 26px;
      background: #cac;
      display: inline-block;
      height: auto;
  }
  </code></pre>
  
  <p>This is the current result:</p>
  
  <p><img src="https://i.stack.imgur.com/X3sOF.png" alt="div height of text"></p>
  
  <p>So as you can see, when the text becomes too long, the div doesn't increase in height. Is there a way to do this?</p>