texto para direita

Olá,

Por favor, imaginar um texto evangélico.

Gostaria de colocar da seguinte forma:

(considere os versículos com elemento sup)

Naquele tempo,

1    bababababababababababab,

nananananananana

nananananan,

10   tatatattaataatatatatatat

bababababababa

12,1   yaybnanannannnanan

>

Citar

Observe que os versículos ficaram um embaixo do outro (exato o caso da virgula)

Como os meus dados vem de uma banco de dados fiz o seguinte:

	a) para a linha que não tem o número do versículo - <span class="tabulacao">Naquele tempo,</span>

	CSS

.tabulacao {
	text-indent: 0pt;
 margin-left: 30pt
}

	b) para o caso da linha que contem versículo com um algarismo  1<span class="tab_num">bababababababababababab,</span>

	CSS

.tb_num{
	margin-left: 22pt
}

	E, assim consecutivamente conforme os número dos versículos. .tb_num2, .tb_num3

	Funcionou? Sim, mas os número eu não consigo alinhar como mostrei no início, ou seja:

	     1

	   10

	12,1

	Como ficou:

	O texto alinhou perfeitamente mas os versículos ficaram:

	1

	10

	20,1a

	Tem como alinhar como desejo?