Another CSS suggestion: pre-wrap

[Gabor Kovesdan]

On 2013.07.28. 19:00, Warren Block wrote:
> Long lines in screen and programlisting elements run off the right 
> side of the screen with the current CSS.
>
> It would be great to have them wrap and include a visible a line wrap 
> indicator, but that may not be possible, or may require Javascript.
>
> Better than nothing is to have them at least have forced wrapping 
> based on screen width.  That can be done with changes in div.screen 
> and div.programlisting:
>
> -    white-space: pre;
> +    white-space: pre-wrap;
>
> This seems to work well, other than there being no visible marker 
> where a line is wrapped due to screen width.
>
> Is there a better way to accomplish this? 
This seems to work:
http://iany.me/2012/02/css-line-wrap-indicator/

The wrapping of programlisting content into span elements can be done in 
XSLT.

Gabor