How can I stop this text from folding down in a fixed width layout?

Question

I have this site set to fixed-width, but the info block (to the right) keeps folding down, causing it to appear beneath the footer when I shrink the browser window or view it in mobile http://royalstudiosla.com/videos/zedd-ft-foxes-clarity-acoustic/

    <article id="singlevideo">
        <div id="video">
        </div>
        <div id="info">


        </div>

</article>

Please add meaningful code and a problem description here. Don't just link to the site that needs fixing - otherwise, this question will lose any value to future visitors once the problem is solved. Posting a [Short, Self Contained, Correct Example (SSCCE)](http://www.sscce.org/) that demonstrates your problem would help you get better answers. For more info, see [Something on my web site doesn't work. Can I just paste a link to it?](http://meta.stackexchange.com/questions/125997/) Thanks! — j08691, Sep 05 '13 at 16:26
I figured it out. I needed to set a fixed width on the wrapper div. — Josh Fishman, Sep 11 '13 at 22:51

score 0 · Answer 1 · answered Sep 05 '13 at 16:28

I hope I understand you correctly but I think you mean 'Word break':

 p.test {word-break:break-all;}

 Options:
 normal :   Break words according to their usual rules
 break-all  : Lines may break between any two letters

Or I'm misunderstanding and you want to Allow long words to be able to break and wrap onto the next line. In that case use:

 p.test {word-wrap:break-word;}

 Options:
 normal :   Break words only at allowed break points
 break-word :   Allows unbreakable words to be broken

How can I stop this text from folding down in a fixed width layout?

1 Answers1