diff --git a/assets/css/main.css b/assets/css/main.css
index ff53c25..811893e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -192,6 +192,37 @@ main#content img {
     margin: 0 auto;
 }
 
+main#content figure {
+    margin: 16px 0;
+}
+
+main#content figure img {
+    display: block;
+    max-width: 100%;
+    margin: 0 auto;
+}
+
+main#content figure figcaption {
+    font-size: 0.92em;
+    font-style: italic;
+    line-height: 22px;
+    text-align: center;
+    margin-top: 6px;
+    padding: 0 10px;
+}
+
+main#content figure figcaption h4 {
+    font-style: normal;
+    display: inline;
+    margin: 0;
+}
+
+main#content figure figcaption p {
+    display: inline;
+    margin: 0;
+    padding-left: 8px;
+}
+
 main#content code,
 main#content pre {
     font-family: 'Menlo', monospace;
diff --git a/assets/css/min770px.css b/assets/css/min770px.css
index aa81a7f..2731d4c 100644
--- a/assets/css/min770px.css
+++ b/assets/css/min770px.css
@@ -28,12 +28,20 @@ main#content header#post-header h1 {
 
 main#content img {
     max-width: 108%;
-    margin-left: -4%;
+    margin-left: -3.8%;
+}
+
+main#content figure {
+    margin-left: -3.8%;
+}
+
+main#content figure img {
+    max-width: 108%;
 }
 
 main#content pre {
     width: 108%;
-    margin-left: -4%;
+    margin-left: -3.8%;
     padding: 1.5rem 2.2rem;
 }
 }