Olá Amigos e Amigas do Blog. O post de hoje é para meus
alunos e alunas do IFNMG de Salinas. Vou mostrar como alinhar imagens no HTML.
Vou mostrar aqui um exemplo bem simples, vamos a ele:
<div style="float:
left;"><img src="imagem.png"/></div>
<p style="float: left;
width: 650px;">Lorem ipsum dolor sit amet, consectetur adipisicing
elit,
sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris
nisi ut aliquip ex ea
commodo consequat. Duis aute
irure dolor in
reprehenderit in voluptate velit
esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat
cupidatat non proident, sunt in
culpa qui officia deserunt mollit
anim id est laborum.</p>
Note que usei a tag <DIV> e a tag <P>. Dentro das tags usei a
função style, com as propriedades float: left. O conteúdo dentro da propriedade STYLE, corresponde ao CSS. Nesse caso a propriedade float
que fará o alinhamento.
Left: esquerda
Right: direita
A tag WIDTH define o tamanho do texto em 650px. Esse tamanho
ficará a critério de seu código. O resultado final será como a imagem abaixo:
É isso aí, espero ter ajudado e qualquer dúvida deixe seu comentário aqui no Blog. Ou para os alunos do IFNMG de Salinas, entre em contato comigo por mensagem.
Abraço a todos
Comentários
Postar um comentário