Question

I had a question about right & left justified text as eloquently illustrated by Phrogz here:

How to align this span to the right of the div?

http://jsfiddle.net/8JwhZ/3/

The behavior when the window becomes too small is that when the two <div> tag touch each other the right justified text gets bumped down to the next line.

Is there another way to code this so they stay on the same line? for instance in the above example when the second <div> tag touches I’d like it to stop moving and the window close over it.

Answer 1

One option would be to append a min-width attribute to your .title

.title
{
    min-width: 300px;
}

http://jsfiddle.net/8JwhZ/469/

Does that address your question sufficiently or did you have something else in mind?