dio-v
12/4/2013 - 6:36 AM

Wrapping Text Inside Pre Tags Perfect for displaying snippets of code

Wrapping Text Inside Pre Tags Perfect for displaying snippets of code

pre {
  height: 120px;
  overflow: auto;
  font-family: “Consolas”,monospace;
  font-size: 9pt;
  text-align:left;
  background-color: #FCF7EC;
  overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  margin: 0px 0px 0px 0px;
  padding:5px 5px 3px 5px;
  white-space : normal; /* crucial for IE 6, maybe 7? */
}