title: HTML select and option mixed directions (ltr & rtl)
body: <p>I have a select box that I want to be aligned to the right, but I want to keep the options dropdown aligned to the left. Like so:</p>
  
  <pre><code>&lt;select&gt;
    &lt;option&gt;item&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>select { direction: rtl; }
  option { direction: ltr; }
  </code></pre>
  
  <p>But setting the direction of the select tag also sets the direction of the select dropdown menu. See <a href="http://jsfiddle.net/uwEEQ/6/" rel="noreferrer">here</a></p>
  
  <p>Is this even possible?  I know that I could, as an alternative, build a custom select functionality with js, but I'd like to keep it simple if I can.</p>