Html 方向：rtl与文本对齐：中心不'；行不通

我有一个奇怪的问题，我不明白。这是我的CSS

    .tooltip {
    position: absolute;
    top: 100px;
    left: 100px;
  -moz-border-radius:5px;
    border-radius: 5px;
  border: 2px solid #000;
    background: #222222; 
  background: #fff;
    opacity: .9;
    color: #eeeeee; 
  color: black;
    padding: 10px;
    width: 300px;
    font-size: 12px;
    z-index: 10;
}

.tooltip .title {
  text-align: center;
  direction: rtl;
}

这是我的html：

<span class="tooltip">
<span class="title">טקסט בעברית </span>
</span>

טקסט בעברית 

但由于某些原因，我的文本是rtl定向的，但从所有位置都向左对齐！

---

我做错了什么？

啊，我明白你的意思了-你在

中的文本没有居中对齐：

这是因为默认情况下，

s显示为内联元素（即，它们的宽度与其内容相同）

您需要将该

设置为

display:block

，或者对其父对象执行相同操作，并将

文本对齐：居中

移动到父对象

---

啊，我明白你的意思了-你在
中的文本没有居中对齐：
这是因为默认情况下，
s显示为内联元素（即，它们的宽度与其内容相同）
您需要将该
设置为

display:block

，或者对其父对象执行相同操作，并将

文本对齐：居中

移动到父对象
---

使用

显示：块

.tooltip .title {
   display:block;
   text-align: center;
   direction: rtl;
}

---

使用

display:block

.tooltip .title {
   display:block;
   text-align: center;
   direction: rtl;
}

---

“从所有位置居中到左边”-这是什么意思？中心是中心，即不是左或右。“从所有地方都以左为中心”-这是什么意思？中心是中心，即不是左或右。