title: css extend border to include image
body: <p>I have an html div with id <code>information</code>. Ideally, the border would extend to the bottom of the image in the div.</p>
  
  <pre><code>&lt;div id="information"&gt;
      &lt;img src="newtroot-256.png" id="newtroot256" style="float:left;"/&gt;
      &lt;span style="position:relative;left:10px;"&gt;
          Hi! My name is Nicki.
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>for html and</p>
  
  <pre><code>div#information {
      color:burlywood;
      margin-left:2em;
      margin-right:2em;
      border:2px solid lime;
      border-radius:25px;
      background-color:rgba(85,107,47,0.75);
      padding:10px;
      background-opacity:0.5;
  }
  </code></pre>
  
  <p>for the css are the relevant parts. The output is</p>
  
  <p><img src="https://i.stack.imgur.com/MDvp6.png" alt="enter image description here"></p>
  
  <p>but I want to border to include the image. How would I do this is css/html. I do not wish to incude javascript, but if it's the only soulution, I'll take it.</p>