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>

Answer 1

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