title: Why does an absolute position element wrap based on its parent's right bound?
body: <p>Why does an absolutely positioned element depend on its parent for text wrapping? Doesn't <code>position: absolute</code> remove an element from the flow?</p>
  
  <p><img src="https://i.stack.imgur.com/vVJYF.png" alt="Why does this text wrap around, even though this container has been removed from the flow of its parent?"></p>
  
  <p>I'm looking to remove this boundary. This is like an implied <code>max-width</code> that I don't want; I want another developer to be able to set this <code>max-width</code>, and not worry about this arbitrary bound. How do I remove this behavior?</p>
  
  <p>For convenience, <a href="http://jsbin.com/livacelu/1" rel="noreferrer">here is a jsbin</a>.</p>