<h2>Normal</h2>
<pre class="demo-223">[{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]
  [{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]</pre>
<h2>Wrapped</h2>
<pre class="demo-223 demo-pre-wrap">[{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]
  [{key : value, key2 : value2, key3 : value3, key : { key : value, key2 : value2, key3 : value3} },{key : value, key2 : value2, key3 : value3,...}]</pre>

.demo-pre-wrap {
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
pre {
  background: #999;
  color: #222;
  padding: 20px;
}
/*Override site CSS to see the full effect*/
.demo-223 {
    overflow: visible;
    width: 500px;
    word-wrap: normal;
}