diff --git a/layout/common/article.ejs b/layout/common/article.ejs
index 5b55c49..5464837 100644
--- a/layout/common/article.ejs
+++ b/layout/common/article.ejs
@@ -1,4 +1,4 @@
-<article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %>" itemscope itemprop="blogPost">
+<article id="<%= post.layout %>-<%= post.slug %>" class="article article-type-<%= post.layout %><%= (post.direction && post.direction.toLowerCase() === 'rtl' ? ' rtl' : '') %>" itemscope itemprop="blogPost">
     <div class="article-inner">
         <% if (post.banner) { %>
             <%- partial('post/banner') %>
diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
index c27ebc5..c4eca98 100644
--- a/source/css/_partial/article.styl
+++ b/source/css/_partial/article.styl
@@ -58,6 +58,8 @@
     color: color-default
     padding: 0 article-padding
     line-height: line-height
+    p
+        text-align: justify
     p, table
         line-height: line-height
         margin: line-height 0
@@ -399,6 +401,16 @@ ol.toc
             color color-theme
             transition color .3s ease-out
 
+/* right-to-left languages */
+.article.rtl
+    .article-title,
+    .article-entry p
+        direction: rtl
+    .article-meta > div
+        float: right
+        margin-left: 10px
+        margin-right: 0
+
 /* lightgallery */
 .lg-outer
     .lg-thumb-item