Opera浏览器翻转我的阿拉伯语代码

Question

我用阿拉伯语（从右到左的语言）制作了这个简单的按钮，它适用于所有浏览器，除了 Opera 之外，它看起来翻转了！

这是代码：http://jsfiddle.net/gtd52/1/

<p style="text-align:center;">
<a class="download_button1" href="#">رابط التحميل</a>
<a class="download_button1" href="#">رابط التحميل</a>
<a class="download_button1" href="#">رابط التحميل</a>
<a class="download_button1" href="#">رابط التحميل</a>
</p> 

它在歌剧中是这样的：https://i.stack.imgur.com/13qyK.png

那么..我能做些什么来纠正它呢？

Answer 1

使用原始小提琴，只需将display:inline-block;添加到.download_button1，它就会按预期工作。 在浏览器堆栈上查看结果

Answer 2

按如下方式重写第一行：

<p style="text-align:center;" dir="rtl">

它应该有效。