Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?Apenas ideias, veja se ajuda.
Exemplo A:
span {
display: inline-block;
text-align: right;
width: 5%;
}
<p>Derrotado dessa briga pode crer que eu não saio</p>
<p>O troféu é meu, pois o campeão sou eu</p>
<p><span>1</span>Os soldados de elite é que são condecorados</p>
<p><span>1.1</span>Os valentes corajosos é que são lembrados</p>
<p><span>1.1.1</span>Quem não tem pegada nunca nem é citado</p>
<p><span>1.1.2</span>Se o nome não ficar escrito, então é apagado</p>
Exemplo B:p, ol, li {
margin: 5px;
}
<p>Derrotado dessa briga pode crer que eu não saio</p>
<p>O troféu é meu, pois o campeão sou eu</p>
<ol>
<li value="1">Os soldados de elite é que são condecorados</li>
<li value="11">Os valentes corajosos é que são lembrados</li>
<li value="111">Quem não tem pegada nunca nem é citado</li>
<li value="112">Se o nome não ficar escrito, então é apagado</li>
</ol>
Att.Muito obrigado.
É isso mesmo!!!
Abs. Sucesso para você.
>
2 horas atrás, TeixeiraRamos disse:
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
Como os meus dados vem de uma banco de dados fiz o seguinte:
<!DOCTYPE html>
*{margin:0; padding:0;}
body{background-color:#e0e0e0; font-size:12px; color:#333333;}
.leitura{width:90%; height:auto; display:block; margin:0 auto; border:1px solid #cccccc; background-color:#ffffff; overflow:auto;}
.tabula{ width:3%; height:auto; text-align:right; float:left; margin:0 1% 0 0;}
.texto{width:96%; height:auto; text-align:left; float: right;}