title: How to apply direction css attribute in list elements
body: <p>I have some legacy html markup and I need to enable Arabic language support.</p>
  
  <p>So, I have a list of news headlines and render them in <code>&lt;li&gt;</code> elements.</p>
  
  <p>Here is sode:</p>
  
  <pre><code>..
  &lt;li&gt;
  &lt;a&gt;some Arabic text&lt;/a&gt;
  &lt;em&gt;news datetime&lt;/em&gt;
  &lt;/li&gt;
  ..
  </code></pre>
  
  <p>So, I need to apply rigth text-alignment and direction rtl for anchor, but not for datetime. 
  I applied text aligment for <code>&lt;li&gt;</code> element and everything is fine.
  But I need to apply "direction: rtl" style to anchor and here goes my problem.</p>
  
  <p>I've tried to create <code>&lt;div&gt;</code> element with rtl direction attribute and put anchor into it. This works fine in chrome, but I need to support IE6+</p>
  
  <p>Also I've tried to apply direction attribute to <code>&lt;li&gt;</code> and override this attr in <code>&lt;em&gt;</code>, but this doesn't work.</p>
  
  <p>Any suggestions?</p>
  
  <p>Thanks in advance,
  Vitali.</p>