title: How to change direction of div like table in html
body: <p>I need to change the direction of my div tag to right-to-left like table.
  when we change direction of a table then it changes columns order. 
  I need this action to do on div tag. This action is necessary when I switch to other language like <code>persian, arabic...</code> then the layout need to change their places from <code>right to left</code>.</p>
  
  <p>Here is my code :</p>
  
  <pre><code>&lt;div style="direction: rtl; display: block; "&gt;
      &lt;div style="display: inline"&gt;
          My&lt;/div&gt;
      &lt;div style="display: inline"&gt;
          name&lt;/div&gt;
      &lt;div style="display: inline"&gt;
          is&lt;/div&gt;
      &lt;div style="display: inline"&gt;
          mojtaba&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Notice that before I used  <code>display:table</code> &amp; <code>display:table-cell</code> and it was perfect as what I desired but the problem with that this code is limited to some new version browsers as <a href="http://www.quirksmode.org/css/display.html" rel="nofollow noreferrer">http://www.quirksmode.org/css/display.html</a> stated that. So somehow I need to figure a way to fix above codes as I want to.</p>