Recursos Tag Span

[jsmoraes]

Texto justificado com endentação da primeira linha do parágrafo

Localizado no balneário de Vilatur Saquarema RJ Brasil, desfruta de ambiente com média poluição luminosa, permitindo captura de imagens com relativa qualidade.Localizado no balneário de Vilatur Saquarema RJ Brasil, desfruta de ambiente com média poluição luminosa, permitindo captura de imagens com relativa qualidade.Localizado no balneário de Vilatur Saquarema RJ Brasil, desfruta de ambiente com média poluição luminosa, permitindo captura de imagens com relativa qualidade.
Principalmente da região entre Sudeste e Sudoeste, onde encontramos a maioria dos objetos de céu profundo, galáxias Nuvens de Magalhães e nossa Via Láctea.Principalmente da região entre Sudeste e Sudoeste, onde encontramos a maioria dos objetos de céu profundo, galáxias Nuvens de Magalhães e nossa Via Láctea.Principalmente da região entre Sudeste e Sudoeste, onde encontramos a maioria dos objetos de céu profundo, galáxias Nuvens de Magalhães e nossa Via Láctea.

<span style="display:block;text-align:justify;text-indent:12pt;padding-right: 15px;font-size:12pt;font-family:garamond">
Localizado no balneário de Vilatur Saquarema RJ Brasil, desfruta de ambiente com média poluição luminosa, permitindo captura de imagens com relativa qualidade...
</span>

<span style="display:block;text-align:justify;text-indent:12pt;padding-right: 15px;font-size:1em;font-family:verdana">
Principalmente da região entre Sudeste e Sudoeste, onde encontramos a maioria dos objetos de céu profundo, galáxias Nuvens de Magalhães e nossa Via Láctea...
</span>

Alinhamento de texto:

 alinhado à equerda alinhado à direita

 alinhado no centro e sublinhado

Super e Under escrito:

E=mc2    H2O

<span style="display:block;text-align:left"> alinhado à equerda</span>
<span style="display:block;text-align:right"> alinhado à direita</span>

<span style="display:block;text-decoration:underline;text-align:center"> alinhado no centro e sublinhado</span>

E=mc<SPAN style="vertical-align:super">2</SPAN>
H<span style="vertical-align:sub; font-size:.7em">2</span style="vertical-align:sub; font-size:.7em">O

Texto sobre imagem em background:

 
Can you even read this?

<SPAN style="background-image:url(http://www.pageresource.com/images/scare.jpg)"> 
Can you even read this? 
</SPAN>

Área de texto com rolamento horizontall

Necessita estar em HTML ou com tag Nabble embed.

Isto é um teste de como uma span pode manipular o excedente de um texto na mesma linha, respeita parágrafo e quebra de linhas. Como vemos apresenta-se uma barra de rolagem abaixo do texto para que o restante em overflow possa ser visualizado
Aqui quebra de linha
Aqui parágrafo.

<nabble_embed><blockquote style="overflow-x:auto"><pre>Texto</pre></blockquote>
</nabble_embed>

Área de texto com rolamento vertical - uso de DIV

Necessita estar em HTML ou com tag Nabble embed.

Isto é um teste de como uma span pode manipular o excedente de um texto na mesma linha, sem interrupção por parágrafo ou quebra de linhas. Como vemos apresenta-se uma barra de rolagem abaixo do texto para que o restante em overflow possa ser visualizado
Isto é um teste de como uma span pode manipular o excedente de um texto na mesma linha, sem interrupção por parágrafo ou quebra de linhas. Como vemos apresenta-se uma barra de rolagem abaixo do texto para que o restante em overflow possa ser visualizado

A declaração font 16px/26px significa fonte de 16 px com espaçamento entre linha de 26 px.
Os diversos tipos de fonte serão buscados no computador. Se não houuver Georgia irá buscar Garamont e assim por diante.

<nabble_embed>
<div style="height:130px;width:560px;border:0px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
Texto
</div>
</nabble_embed>