html - 右から左への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;
}