Justify text on blog posts

_layouts/post.html

@@ -1,6 +1,6 @@
 {% capture title_override %}Blog: {{ page.title }}{% endcapture %}
 {% include header.html %}
-		<main>
+		<main class="blog">
 			{% include postheader.html post=page %}
 			<p></p>
 			{{ content }}

assets/css/style-print.css

@@ -36,6 +36,10 @@ a, a:visited {
 }
 
 /* Blog */
+main.blog {
+	text-align: justify;
+	text-justify: inter-word;
+}
 .image {
 	text-align: center;
 }
@@ -83,9 +87,6 @@ iframe.youtube {
 	height: 64px;
 	padding-bottom: 8pt;
 }
-button.ytp-button {
-	display: none;
-}
 
 /* Advanced features here, to avoid upsetting retro browsers. */
 tr:nth-child(odd) {

assets/css/style-reduced.css

@@ -77,6 +77,10 @@ div#socialnew {
 }
 
 /* Blog */
+main.blog { /* requires JS on IE6 */
+	text-align: justify;
+	text-justify: inter-word;
+}
 img.heading, img.image {
 	text-align: center;
 	max-width: 100%; /* N/A on IE6 */

assets/css/style.css

@@ -150,9 +150,16 @@ div#socialold {
 }
 
 /* Blog */
+main.blog {
+	text-align: justify;
+	text-justify: inter-word;
+}
 .image {
 	text-align: center;
 }
+div.image {
+	margin: 1em;
+}
 img.heading {
 	max-width: 100%;
 	width: auto;