title: Ho do i make div content height not overlap on content beneath
body: <p>I am making schedule divs and when I add more words in some it overlaps on the content under, how to i make the div height expand with the content?</p>
  
  <p>I have tried using using overflow:auto for the main div and it doesn't work</p>
  
  <p>Here is my code pen link to help solve it</p>
  
  <pre><code>&lt;div class="schedule"&gt;
                  &lt;div class="schedule-wrap"&gt;
                      &lt;div class="time"&gt;
                          &lt;span&gt;9:00am&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="activity"&gt;
                          &lt;div class="random-activity"&gt;
                              &lt;div class="speaker-session"&gt;
                                  &lt;span class="activity-title"&gt;Breakfast &amp; Checkin&lt;/span&gt;
                                  &lt;span class="activity-time"&gt;9:00am - 9:30am&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>css code </p>
  
  <pre><code>.time {
    display: inline-block;
    font-size: 12px;
    color: #979797;
    margin-top: 10px;
  }
  
  .schedule {
    margin: 0 15px 3.5rem 15px;
    display: block;
    overflow: auto;
  }
  
  .activity {
    margin: 0 15px;
    position: absolute;
    width: 65%;
    display: inline-block;
    padding: 10px 10px;
    background-color: rgba(1, 186, 186, 0.2);
  }
  
  .activity-title {
    display: block;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
  
    width: 65%;
  }
  
  .activity-time {
    display: inline-block;
    font-size: 12px;
  }
  
  .activity-two {
    margin: 0 15px;
    width: 90%;
    display: inline-block;
    padding: 10px 10px;
    background-color: #e7eaf0;
  }
  </code></pre>
  
  <p><a href="https://codepen.io/Triciah101/pen/LYPymzw" rel="nofollow noreferrer">https://codepen.io/Triciah101/pen/LYPymzw</a></p>
  
  <p>They should have equal margins</p>