css - このテキストが固定幅レイアウトで折りたたまれないようにするにはどうすればよいですか?

Question

このサイトを固定幅に設定していますが、情報ブロック (右側) が折りたたまれ続けるため、ブラウザー ウィンドウを縮小したり、モバイルで表示したりすると、フッターの下に表示されます 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