Question

I need to have the text in a One-Line scrolling div, fitting inside both divs.

http://jsfiddle.net/F6pNm/26/

The goal is for all to fit on one line!

EDIT: I guess I wasn’t specific enough, I need the links and the text to fit on the same line. This way, the scrolling is vertically.

EDIT: This is now the closest to what I need. Only the scrolling aspect is missing. http://jsfiddle.net/BKvzV/4/

Answer 1

If I read you correctly, you don’t what your text to break, but to keep on going never leaving the line #1, so you can use CSS like this:

Fiddle Example!

YOUR CSS UPDATED

#flash {
    float:left;
    width: auto;
    font-size: small;
    font-style: italic;
    text-align: center;
    white-space:nowrap;
}

The difference is the white-space:nowrap;

For does who can’t see it:

---

EDITED to contemplate the edited question issue!

The new Fiddle!

---

EDITED to contemplate the fact that all divs inside the footer must be side by side!

The updated Fiddle!

Take note that this solution uses Jquery to collect in real time the width of each div and sum all together to set the footer div. Without it, it can’t be done!

---

EDITED to have all 3 divs side by side within the wrapper width

in the Fiddle example, the wrapper is the body

The new Fiddle!