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 e4e8b0972b
commit e0385a9fef
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;
@@ -145,4 +146,4 @@ a.btn:active {
 		top: 13rem;
 		height: 13em;
 	}
-}
+}