diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 8989e20..7dc8378 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -634,6 +634,14 @@ hr {
   border: 1px solid var(--background-3);
 }
 
+@media (min-width: 720px) {
+  .full-width-hr {
+    /* see also: the related-posts section too */
+    margin-left: calc(-100vw / 2 + 760px / 2);
+    margin-right: calc(-100vw / 2 + 760px / 2);
+  }
+}
+
 table.markdown {
   border-collapse: collapse;
   border: 2px solid var(--text-1);
diff --git a/layouts/shortcodes/full-width-hr.html b/layouts/shortcodes/full-width-hr.html
new file mode 100644
index 0000000..93ffb43
--- /dev/null
+++ b/layouts/shortcodes/full-width-hr.html
@@ -0,0 +1 @@
+<hr class="full-width-hr">