diff --git a/css/styles.css b/css/styles.css
index 5f629c6..22168ff 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -104,6 +104,12 @@ mjx-container {
 
 p.metadata { margin: 0 }
 
+.blog_inline_post {
+  border-left: 1em solid var(--fg-lc);
+  padding: 0 1em 0 1em;
+  margin-bottom: 5em;
+}
+
 @media (max-width: 80em) {
   /* CSS that should be displayed if width is equal to or less than 60em goes here */
 	#contentWrapper { flex-direction: column }
diff --git a/templates/blog_index.html b/templates/blog_index.html
index caadcf1..7d459e6 100644
--- a/templates/blog_index.html
+++ b/templates/blog_index.html
@@ -68,7 +68,9 @@
     {{ content|safe }}
 
     {% for post in posts %}
+      <div class="blog_inline_post">
       {{ post['description']|safe }}
+      </div>
     {% endfor %}
 	{% endif %}