Autohyphenate <p>

Add hyphens:auto to <p> to remove the ugly gaps introduced by text-align: justified. This may cause some unwanted hyphenation on e.g. email addresses. We should strive to not have long unbreakable words. For record; command for adding html tag to all relevant files: $ find -type f -exec sed -i '/DOCTYPE/ a <html lang="no">' {} +
2016-08-18 00:25:47 +02:00
parent 8ac5b801ef
commit 2949aba2bb
12 changed files with 13 additions and 1 deletions
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -50,6 +50,7 @@ article {
 }
 article p {
 	text-align: justify;
+	hyphens: auto;
 }
 article:first-child {
 	border-radius: .5rem .5rem 0 0;
@@ -154,4 +155,4 @@ a.btn:active {
 }
 .collapsable:target {
 	display: block;
-}
+}