Вам нужно вручную поставить атрибут dir для каждого div:
<div lang="ar" dir="rtl"><!-- some content here --></div>
<div lang="en" dir="ltr"><!-- some content here --></div>
Это автоматически изменит поток.Однако вам может потребоваться настроить некоторые элементы в зависимости от языка.Вы можете сделать это с помощью псевдо-атрибута CSS lang:
p:lang(ar) { text-align: right; }
p:lang(en) { text-align: left; }
Конечно, вы можете сделать это:
div:lang(en) { direction: ltr; }
div:lang(ar) { direction: rtl; }
Это не рекомендуемый метод.Поскольку вам нужно как-то указать язык, вы также можете указать атрибут dir.Если вы делаете это с какого-то языка программирования, обычно можно определить направленность для данного разговорного языка (язык, культура и т. Д.).Но это был бы другой вопрос.