JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
  </head>
  <body>
    <p>«فى هذا الكتاب مقارنة بين تعاليم الإسلام كما وصلت إلينا، وبين أصدق ما وصلت إليه حضارة الغرب فى أدب النفس والسلوك فى محاولة للكشف عن روعة التقارب وصدق التطابق»</p>
    <p> These are some of the words of the author, which cross them about the reason for writing this unique work</p> 
    <p>.. هذه بعض كلمات المؤلف التى عبر بها عن سبب كتابته لهذا العمل الفريد، خاصة بعد قراءته لكتاب «دع القلق وابدأ الحياة» لديل كارنيجى وقد اعتمد فى هذا العمل على جانبين رئيسين.</p>
  </body>
</html>

CSS

p:lang(ar) {
    color: green;
}

JavaScript

var arabicPatt = /[\u0600-\u06ff]/;
    [].forEach.call(document.getElementsByTagName('p'), function(p) {
      var lang, dir;
      if (arabicPatt.test(p.textContent)) {
        lang = 'ar'; dir = 'rtl';
      }
      else {
        lang = 'en'; dir = 'ltr';
      }
      p.setAttribute('lang', lang);
      p.setAttribute('dir', dir);
    });