я сложная ситуация с CSS. В основном у меня есть вложенные теги span, которые выглядят так:

<span>A
  <span>test</span>
</span>
<span>B</span>
<span>C</span>

Мне нужно, чтобы «test» был ниже «A», чтобы все три буквы (A, B, C) были одинаковой ширины.

Идеальный результат будет выглядеть так:

ABC
test

То, что я сейчас получаю, это:

A   BC
test

Это возможно? Я играл сfloat свойство, но это не сработало, потому что перед рассматриваемым письмом мог быть другой текст:

SOME OTHER TEXT. ABC
                 test

Я установил скрипку здесь (http://jsfiddle.net/grnbeagle/g3hG8/), и целью является уменьшение ширины выделенной буквы «А». Пока у меня естьposition:relative а такжеtop/left регулировка.

Любое предложение приветствуется.