css scrollbar manipulation

by Hilarius Doren

HTML

<h1>Here is the Normal one</h1>
<div class="Container">
    <div class="Content">I'm in Content and I'm very long</div>
</div>

<h1>And here is the Flipped one</h1>
<div class="Container Flipped">
    <div class="Content">I'm in Content and I'm very long</div>
</div>

CSS

.Container
{
    height: 200px;
    overflow-x: auto;
}
.Content
{
    height: 300px;
}

.Flipped
{
    direction: rtl;
}
.Content
{
    direction: ltr;
}