title: How to make CSS insert line breaks without white space?
body: <p>I need help with a bit of CSS I'm trying to use. I'm testing with Chrome, but I need a solution that's not browser-specific.</p>
  
  <p>I have a page divided into two iframes: a narrow one on the left that contains a table of contents, and a wide one on the right that displays a selected page. I want to display the URL of the selected page at the bottom of the left-hand frame. If it's too long to fit in the frame (as it usually is), it should wrap to a second line, and the first line should move up so that the last line remains bottom-aligned.</p>
  
  <p>The structure of the page in the table of contents iframe looks like this:</p>
  
  <pre><code>&lt;body&gt;
     &lt;div&gt;
        &lt;script...&gt; &lt;!--JavaScript that generates the table of contents--&gt; &lt;/script&gt;
     &lt;/div&gt;
     &lt;div id='showPageUrl' style="height:auto;position:absolute;bottom:0"&gt;&lt;/div&gt;
     &lt;script...&gt; showURL(document.URL) &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>The following function is executed by the JavaScript code that loads pages (from an onclick event), and also by HTML that loads the initial page (above).</p>
  
  <pre><code>   function showUrl(url) {
        var sel = document.getElementById('showPageUrl');
        if (sel!==null) {
           sel.innerHTML = url;
        }
     }
  </code></pre>
  
  <p>The problem: if the URL is too long to fit on one line it doesn't wrap, because it contains no whitespace characters to wrap at. Instead the frame sprouts a horizontal scroll bar. If I replace the URL with a piece of text that contains whitespace, the text breaks at a whitespace character and displays properly.</p>
  
  <p>I've looked for a CSS property to make the URL break wherever it has to, but I can't find anything. All the line break controls seem to <em>assume</em> there's whitespace and change how the rendering engine treats it.</p>
  
  <p>What must I do to make a URL (with no whitespace) break properly at the end of a line?</p>