html - 絶対配置要素のアンカーポイントを定義するには?

Question

CSS 変換なしで、配置された要素のアンカー ポイントを定義することは可能ですか?

可変中央の div の前に矢印を配置したいのですが、オフセット (左: -20px;) を定義する必要があります。

フォント サイズを大きくすると、矢印とブロックの間のギャップが比例しなくなります。

絶対配置要素のアンカーを左上ではなく右上隅として定義するにはどうすればよいですか?

HTML :

<div id="block">
   back
   <div id="arrow">&larr;</div>
</div>

CSS :

#block {
   height: 20px;
   width : 40px;
   margin: 0 auto;
   border: 1px solid black;
   position: relative;
}

#arrow {
   position: absolute;
   left: -20px;
   top : 0;
}

この例では、ブロックは固定幅ですが、私のコードでは可変です。別のソリューションが必要な場合があります。

http://jsfiddle.net/J7XnB/1/

ありがとうございました ！