In the past have styled these to constrain them to fixed pixel width.  Is there some other recommended mechanism?

Background:  To repro,
*set a property type to "code". 
*Go to a page and set the property to a value that is longer than the width of your page.
*Display the facts box at the bottom and observe that your browser will produce a horizontal scroll bar because the code value is scrolled off screen.

Desired result: the code value displayed in the pseudo <pre> style wraps text after the maximum display width is reached.

Thanks for any tips