diff --git a/layouts/shortcodes/center.html b/layouts/shortcodes/center.html
new file mode 100644
index 0000000..e9022d0
--- /dev/null
+++ b/layouts/shortcodes/center.html
@@ -0,0 +1,3 @@
+<div class='align-center'>
+  {{ .Inner }}
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/left.html b/layouts/shortcodes/left.html
new file mode 100644
index 0000000..c2c5102
--- /dev/null
+++ b/layouts/shortcodes/left.html
@@ -0,0 +1,3 @@
+<div class='align-left'>
+  {{ .Inner }}
+</div>
\ No newline at end of file
diff --git a/layouts/shortcodes/right.html b/layouts/shortcodes/right.html
new file mode 100644
index 0000000..37a9a33
--- /dev/null
+++ b/layouts/shortcodes/right.html
@@ -0,0 +1,3 @@
+<div class='align-right'>
+  {{ .Inner }}
+</div>
\ No newline at end of file
diff --git a/src/css/_partial/_post/_content.scss b/src/css/_partial/_post/_content.scss
index 8bcf700..ddc809e 100644
--- a/src/css/_partial/_post/_content.scss
+++ b/src/css/_partial/_post/_content.scss
@@ -115,4 +115,16 @@
     list-style: none;
     padding-left: 1.5rem;
   }
+
+  .align-center {
+    text-align: center;
+  }
+
+  .align-right {
+    text-align: right;
+  }
+
+  .align-left {
+    text-align: left;
+  }
 }