Please see this jsFiddle.
I want the h4 element to wrap around the floated element, without changing the document flow and without giving the h4 a set width.
You will notice that if you move the floated element above the h4, it behaves the way I want it to.
The reason I need to do it this way is that the site is responsive, so I can’t rely on the width of the h4 and the floated element needs to be an exact width.
After checking the other answer and comments, it is indeed not possible to do this without moving the
.floated-elementaboveh4or giving theh4a width.