HTML to Display Arabic Order List in Two Columns

I am a New Bie. I was working on to learn about List Items in HTML.

I want to show the Order List in Two Columns in which I got succeed.

But Now I want to show Order List that contains Arabic Language. Means Direction should be from Right to Left E.g direction:rtl. I use it but its not working accurately for me.

What I had done so far ........

HTML Code:

<h1>List Of Items</h1>
<div class="wrapper">
    <ol dir="ltr">
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item 6</li>
    </ol>
    <br />
</div>

CSS Code:

<style>
ol
{
  width: 30em;
}
ol li
{
  float: left;
  width: 10em;
}
br
{
  clear: left;
}
div.wrapper
{
  margin-bottom: 1em;
}
</style>

Thanks in Advance.