title: indicate automatic line break in white-space: pre-wrap element
body: <p>I'm using <code>white-space: pre-wrap</code> style on a HTML <code>&lt;pre&gt;</code> element to allow lines to break when they are longer than the browser window is wide.</p>
  
  <p>Unfortunately those broken lines also <em>look</em> as if they have a line break at the end; the user cannot see if it was an automatic line break.</p>
  
  <p>Is there a way to show either at the end of the line that wrapping is going on (as emacs does with a <code>\</code> character), or at the beginning of wrapped lines that they are a continuation of a previous line (e.g. with <code>→</code>)?</p>
  
  <p>Copying &amp; pasting should not copy the continuation characters.</p>
  
  <hr>
  
  <p><a href="http://www.bogo/tagebuch/gimp-remove-watermark-lines.htm#final-p2">Example code</a>:</p>
  
  <pre><code>&lt;pre style="white-space: pre-wrap"&gt;for i in range(19): selwidth=5; selheight=1000; image = gimp.image_list()[0];posx=initx+i*90; pdb.gimp_image_select_polygon(image, 2, 8, [posx, 0, posx+selwidth, 0, posx+selwidth-selheight, selheight, posx-selheight, selheight]);&lt;/pre &gt;
  </code></pre>
  
  <p>Preferred rendering, with a <code>→</code> at the beginning of continuation lines:</p>
  
  <pre><code>for i in range(19): selwidth=5; selheight=1000; image = gimp.image_list()[0];posx=
  →initx+i*90; pdb.gimp_image_select_polygon(image, 2, 8, [posx, 0, posx+selwidth, 0, 
  →posx+selwidth-selheight, selheight, posx-selheight, selheight]);
  </code></pre>