2 replies to this topic

[Forgotten Canha]

Pessoal,
estou com um problema aqui.

Estou querendo alinhar um texto ao lado de uma imagem, mas esse texto precisa estar alinhado com a base da imagem (a parte debaixo dela). Que nem na figura abaixo:



Tentei com as propriedades de ALIGN da imagem, mas não obtive sucesso. Ou o texto vai do topo da imagem pra baixo, ou ele apenas começa na linha de base da imagem.

Outra coisa, o texto precisa ter largura limitada. Por enquanto, estou apenas usando uma div que fica ao lado da imagem. Fica assim:



Não posso alterar o posicionamento da div para ficar alinhado bonitinho, pq as imagens vão alterar, e elas variam em tamanho, sendo sempre alinhadas no centro da página.

Alguém pode dar uma mãozinha? Agradeço desde já qualquer iluminação!

Ninguém têm uma resposta aí?

[kaduzick]

img{ 
vertical-align: baseline
}

isso aí quase faz o que você quer .... o problema está no seguinte: o texto começa na baseline, fazendo com que, se o texto tiver mais de uma linha, a próxima pule para baixo da imagem

[Forgotten Canha]

img{ 
vertical-align: baseline
}

isso aí quase faz o que você quer .... o problema está no seguinte: o texto começa na baseline, fazendo com que, se o texto tiver mais de uma linha, a próxima pule para baixo da imagem

@kaduzick - eis exatamente o problema: existem mais linhas de texto. Por isso que eu acho difícil.

Eu sei que com tabel é possível fazer isso, mas estou buscando uma alternativa pois não é certo usar tables para isso.