[Dúvidas] CSS (tag span)

[gimbras]

Alguém pode explicar se a tag <span> alinha ou não ou texto inserido dentro da mesma?

Exemplo <span style="font-family: Verdana; font-size:10; text-align:center>Alinhado ao Centro</span>

É q às vezes o texto fica na mesma.

Obrigado,
Gimbras

[Grettir]

Oi Gimbras,

epa, tens de ver onde estas a meter a tag <SPAN>.

Isto pq??

O code que escrevinhaste esta bom, mas se tiveres isso dentro de uma tabela, ja nao funciona assim....o alinhamento dentro de uma tabela é feito na tag <TD>.

Experimenta e dá noticias.

[gimbras]

Se a <td> estiver do tipo <td align="center"> a span dentro da tag <td> se tiver o style text-align:left já n worka!

Obrigado mas pensei q a span se sobrepusesse a tudo e todas as tags!

Tkx

[chacal]

A span quanto aos alinhamentos muitas vezes simplesmente não funciona, claro que como sempre estamos dependentes do browser que estamos a usar e tudo mais, na teoria deveria funcionar...mas já todos sabemos que na práctica acaba por ser bem diferente.

Como disse o grettir tenta mexer com o td onde estás a por o texto e caso não consigas mesmo assim tenta usar um div dentro do td, normalmente os div funcionam bem melhor para alinhar do que o span.

Espero que ajude

[gimbras]

Ou então em vez de <div> ou <span> um <p> também funciona bem!

[Gaspar]

<span> é um elmento inline logo ajusta-se ao seu conteudo,mlogo o text-align center nao faz sentido, agora para alinhar o <span> ao centro só tens de dar o text-align:center ao elemento que contem o <span>

o <div> é um elemento bloco, logo ele ocupa a linha toda ou seja enquanto tiver espaço eles estica, e assim nestes faz sentido colocar o text-align:center.

ou seja para o teu <span> ficar ao meio, caso ele estivesse dentro do <div> seria algo do género.

<div style="text-align:center">
   <span>text</span>
</div>

graficamente

------------------------------------------------------------------------------------------------
|                                                   |text|                                                           |
------------------------------------------------------------------------------------------------


a vermelho é o <span>

[gimbras]

Oi Gaspar.

Já passou algum tempo desde que perguntei isto. Agora já tinha esta noção. Nada como a prática para chegar lá. Obrigado na mesma. Boa explicação.

Cumps e welcome to this board.