title: Scroll horizontally starting from right to left with CSS overflow:scroll
body: <p>So I am wondering if there is a possibility to have a different starting position with the <code>overflow:scroll</code> value;</p>
  <p>When you start scrolling in a <code>div</code> the default behaviour is to scroll from left to right:</p>
  <pre><code>|&lt;--Scrollbar-Starting-Left--&gt;_________________________________________________|
  </code></pre>
  <p>would it possible that it starts at the right?</p>
  <pre><code>|_________________________________________________&lt;--Scrollbar-Starting-Right--&gt;|
  </code></pre>
  <p><a href="http://jsfiddle.net/marczking/HyRTx/" rel="nofollow noreferrer">In my example</a> the <code>red</code> and <code>green</code> items are first visible, I'd like the <code>green</code> and <code>blue</code> item to be visible first :)</p>
  <p>I've tried <code>direction:rtl;</code> but no luck</p>