diff --git a/assets/sass/_flex.scss b/assets/sass/_flex.scss
index b8c3dec..47bb563 100644
--- a/assets/sass/_flex.scss
+++ b/assets/sass/_flex.scss
@@ -1,8 +1,15 @@
-.flex-spread {
+.flex {
     display: flex;
+}
+
+.flex-spread {
     justify-content: space-between;
 }
 
+.flex-center {
+    justify-content: center;
+}
+
 .flex-direction-column {
     flex-direction: column;
 }
diff --git a/layouts/snippets/single.html b/layouts/snippets/single.html
index 163079b..9ecc5f4 100644
--- a/layouts/snippets/single.html
+++ b/layouts/snippets/single.html
@@ -1,7 +1,7 @@
 {{ define "main" }}
 
 <h1>{{ .Title }}</h1>
-<div class="flex-spread">
+<div class="flex flex-spread">
     <span>Published on {{ .Date.Format "January 2, 2006" }}</span>
     <span>
         {{ range .Params.Tags }}