force words to break that don't fit within available space

* word-wrap: break-word globally
* word-break: break-word in table cells

diff --git a/src/css/body.css b/src/css/body.css
index 1d4db3d..2532306 100644 (file)
--- a/src/css/body.css
+++ b/src/css/body.css
@@ -1,3 +1,7 @@
+.body {
+  word-wrap: break-word; /* aka overflow-wrap; used when hyphens are disabled or don't do the trick */
+}
+
 @media screen and (min-width: 1024px) {
   .body {
     display: flex;

diff --git a/src/css/doc.css b/src/css/doc.css
index 24107af..5ef1d77 100644 (file)
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -639,3 +639,8 @@
 .doc .icon i::after {
   hyphens: none;
 }
+
+.doc th.tableblock,
+.doc td.tableblock {
+  word-break: break-word; /* overflow-wrap for table cells; gives space higher precedence than hyphen opportunity */
+}