Howto: Make A pre Tag Wrap

July 7, 2010

Here’s how to make a pre tag wrap and have a nice grey background:

pre {font-family: consolas, courier, monospace;
	font-size: 8pt;
     background:#cccccc;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */

       }