diff --git a/blog/static/css/main.css b/blog/static/css/main.css
index ce3b8496..af8fb315 100644
--- a/blog/static/css/main.css
+++ b/blog/static/css/main.css
@@ -445,3 +445,11 @@ h5 {
 a strong {
   color: #268bd2;
 }
+
+.right-to-left {
+	direction: rtl;
+}
+
+.left-to-right, .right-to-left pre {
+	direction: ltr;
+}
diff --git a/blog/templates/second-edition/page.html b/blog/templates/second-edition/page.html
index 83566e3c..e4c0bb76 100644
--- a/blog/templates/second-edition/page.html
+++ b/blog/templates/second-edition/page.html
@@ -33,11 +33,13 @@
 {% endblock toc_aside %}
 
 {% block main %}
+    <div class="{% if page.extra.rtl %}right-to-left{% endif %}">
     <h1>{{ page.title }}</h1>
     <time datetime="{{ page.date | date(format="%Y-%m-%d") }}" class="post-date">
         {{ page.date | date(format="%b %d, %Y") }}
         {% if page.extra.updated %} (updated on {{ page.extra.updated | date(format="%b %d, %Y") }}) {% endif %}
     </time>
+    </div>
 
     {% if page.extra.warning %}
         <div class="warning">
@@ -67,7 +69,9 @@
         </div>
     {% endif %}
 
+    <div class="{% if page.extra.rtl %}right-to-left{% endif %}">	
     {{ page.content | replace(from="<!-- toc -->", to=macros::toc(toc=page.toc))  | safe }}
+    </div>
 
     <div class="post-footer-support">
         <h2>Support Me</h2>