如何翻转阿拉伯语内容的内容

Question

我需要一个既有英语又有阿拉伯语选项的网站。我是否有一种简单的方法可以翻转阿拉伯语内容，以便从右到左而不是从左到右查看？

这是我的css

    .navigation-wrapper_arabic{
    font-family: 'GillSansLightRegular';
    font-size:15px;
    direction:rtl;
    unicode-bidi:bidi-override;
}

.navigation-wrapper_arabic:hover{
    background:#000;    
}

.nav-arrow_arabic{
    float:right !important; 
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    margin: 2px 0 0;
    padding:10px 0;
}

.nav-arrow_arabic img{
    display:block;  
}

.nav-arrow_arabic.active img{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;  
}

.nav-arrow_arabic.inactive img{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg); 
    -o-transform:rotate(0deg);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;  
}

.main-level-nav_arabic{
    /*padding:10px 0;*/
    position:relative;
    direction:rtl;
    unicode-bidi:bidi-override;
}

.main-level-nav_arabic li{
    list-style:none;
    float:left;
    direction:rtl;
    unicode-bidi:bidi-override;
}

.main-level-nav_arabic a{
    color:#ffffff;
    text-decoration:none;
    margin:0 25px 0 0;
    padding: 5px 0;
    display:block;
    direction:rtl;
    unicode-bidi:bidi-override;
}