fix: Linewrap lines > 72ch in htmlized view (ietf-tools#4974)

* fix: Linewrap lines > 72ch in htmlized view

* fix: Make Safari break long words (URLs)

* Use same fix as martinthomson/rfc-txt-html@d242f1f

Author: larseggert

ietf/static/css/document_html.scss

@@ -166,6 +166,11 @@ $tooltip-margin: inherit !default;
 
 .rfcmarkup {
 
+    pre {
+        width: 72ch;
+        white-space: pre-wrap;
+    }
+
     h1,
     h2,
     h3,

ietf/static/css/document_html_txt.scss

@@ -43,6 +43,12 @@
   margin-bottom: var(--line);
   margin-left: 3ch;
 
+  /* Really long lines can wrap when all else fails.
+   * This won't affect <pre> or <table>, or cases where soft-wrapping occurs.
+   * Mostly this exists so that long URLs wrap properly in Safari, which
+   * doesn't break words at '/' like other browsers. */
+  overflow-wrap: break-word;
+
 h1, h2, h3, h4, h5 {
   font-weight: bold;
   font-size: inherit;