I want to bulid a container that has text in it, is partially positioned outside of the parent element and pushes text away (see image below).
In order to push text away, this container has to be floated, right? To position the container, I know of 2 ways:
1. absolute positioning (inside a container with relative positioning)
2. relative positioning (and translating the container to the side).
The problem: Absolute positioning will make float completely redundant – the container does no longer push text away. And with relative positioning, the area that pushes text away won't