force the figcaption to break long words (even without spaces)

2021-06-22 21:06:24 +10:00
parent f4e8d5f9da
commit 6c3cdf79eb
2 changed files with 11 additions and 1 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -24,6 +24,16 @@
        <style>
        .highlight { box-shadow: 0 0 7px 4px #5bc0de }
        .sm-txt { font-size: 0.8rem }
+
+        /* used to force the figcaption to break long words (even without spaces) */
+        figure { display: table; }
+        figcaption {
+            display: table-caption;
+            overflow-wrap: break-word;
+            word-wrap: break-word;
+            word-break: break-word;
+            caption-side: bottom;
+        }
        </style>
 	</head>
 	<body>