Two Scaling Columns – Simple fix?

[gump]

Howdy! Take a look at this weird problem (in a full window):
http://codepen.io/gump/pen/Grikn

Everything is fine until you resize the width of your browser window, you wind up with this: http://imgur.com/yfxy5te

The text on the right bumps below the logo on the left – the logo should scale down/resize so that everything always stays on the same line, side by side.

What unbelievably simple code snippit am I (probably) missing that will fix this?

[Soren]

Add widths to your floated elements, something like this:

http://codepen.io/soren-tree/pen/magyc

[gump]

Many thanks. In your demo if I continue to size down the window,

RIGHT HERE

becomes

RIGHT
HERE

..instead of the image scaling even smaller.

How can I prevent the text from bumping to the next line like that?

[Author]

Posts