The image says it best:
It's simply a \[code\]float: left\[/code\] image (http://jsbin.com/itihes/1). Is there any way to prevent this problem with dynamic text in pure CSS? I do want the text to wrap, but if it's less than one full row (ideally two full rows), all the text would stay in the same block on the right.