studio html editor - matched up styles for <pre> elements

cms/static/css/tiny-mce.css

@@ -103,6 +103,15 @@ img {
   max-width: 100%;
 }
 
+pre {
+  margin: 1em 0;
+  color: #3c3c3c;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
   font-family: monospace, serif;
   background: none;

common/lib/xmodule/xmodule/css/html/display.scss

@@ -87,6 +87,15 @@ img {
   max-width: 100%;
 }
 
+pre {
+  margin: 1em 0;
+  color: $baseFontColor;
+  font-family: monospace, serif;
+  font-size: 1em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
 code {
   color: $baseFontColor;
   font-family: monospace, serif;