title: element that is position absolute should stay next to other elements that are not
body: <p>I would like to place elements automatically next to each other (i.e. elements could be added or removed so the elements have to change location). And one of the elements needs to expand and not push down the content beneath it.</p>
  
  <p>This I hope makes its easier to understand: <a href="https://codepen.io/anon/pen/OEOxee" rel="nofollow noreferrer">https://codepen.io/anon/pen/OEOxee</a></p>
  
  <p>I want to make .absoluteit position absolute so it does not push down the content beneath it.</p>
  
  <p>If i do this:</p>
  
  <pre><code>.absoluteit {
    background-color: red !important;
    position: absolute;
  }
  </code></pre>
  
  <p>then it works except the red element covers another green element (again see the codepen)</p>
  
  <p>Does anyone know how I can achieve this so that when I hover over the red item it expends the hidden content, but still stays in line with the other elements in its section?</p>