Alinhar texto e imagem usando HTML

Por:

| 5 de mai de 2011


Por padrão, o painel de ferramentas de postagens do Blogger já vem com comandos que possibilitam o alinhamento de textos e imagens, porém quando você insere um conteúdo ao seu blog usando o gadget de HTML/JavaScript, tem que fazer o alinhamento de objetos e textos manualmente usando comandos html.

Mostrarei os comandos mais básicos (que eu conheço) em HTML que possibilitam o alinhamento.

Como alinhar textos e imagens

Para alinhar textos ou imagens usando html, você pode usar duas tags sendo uma a:

<center>texto ou imagem</center>

utilizada somente para centralizar textos e imagens ou elementos.

Ou ainda pode usar a tag

<div align=" "></div>

que pode ser:

right - direita
left - esquerda
center - centralizado
justify - justificado

Exemplos:

<div align="center">texto</div>

ficando assim o texto:
texto



ou no caso de imagens...

<div align="center"><img src="url da imagem" ></div>

 ficando assim:


Ao usar este método em imagens, ele alinha a imagem, porém manda todo texto digitado para baixo da imagem.
Caso queira que a parte lateral da imagem alinhada seja preenchida pelo texto, você deve usar a seguinte tag:

<img align="right"  src="url da imagem" >


ficando assim:

testando o alinhamento da imagem com preenchimento de texto ao lado testando o 
alinhamento da imagem com preenchimento de texto ao lado testando o alinhamento da imagem com preenchimento de texto ao lado testando o alinhamento da imagem com preenchimento de texto ao lado testando o alinhamento da imagem com preenchimento de texto ao lado testando o alinhamento da imagem com 

Pronto!
Gerador de Senha - Crie senhas mais seguras
- Topo