diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index ad33755..46cec11 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -305,6 +305,19 @@
 */
 
 
+/* See also formating */
+.see-also {
+  background-color: var(--background-2);
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin: 10px 0;
+}
+
+.see-also p {
+  margin: 0;
+}
+
+
 /* Back to top */
 #back-to-top {
   position: fixed;
diff --git a/layouts/shortcodes/see-also.html b/layouts/shortcodes/see-also.html
new file mode 100644
index 0000000..94d7408
--- /dev/null
+++ b/layouts/shortcodes/see-also.html
@@ -0,0 +1,7 @@
+<div class="see-also">
+    {{ with .Site.GetPage (.Get 0) }}
+        <p>SEE ALSO: <a href="{{ .Permalink }}">{{ .Title }}</a></p>
+    {{ else }}
+        {{ errorf "Page could not be found for see-also shortcode: %s" .Position }}
+    {{ end }}
+</div>