Css工具提示方向从右到左

Question

我使用以下代码显示工具提示。它工作正常。但它是从左到右的方向。我需要从右到左的工具提示。请帮我改变这个方向问题。

a.tooltip {outline:none; } a.tooltip strong {line-height:30px;} a.tooltip:hover {text-decoration:none;} a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:-30px; margin-left:28px; width:340px; line-height:16px; } a.tooltip:hover span{ display:inline; position:absolute; color:#111; border:1px solid #DCA; background:#fffAF0;} .callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

<a href="#" class="tooltip"> Tooltip 
<span> <img class="callout" src="callout.gif" />Testing</span>

Answer 1

你试过这样的事吗：

a.tooltip span {
    direction:rtl;
}