HTML & CSS: Como posso fazer parte inferior align borda de uma imagem com texto?

Question

Em minhas páginas HTML eu tenho de texto com imgs. O top borda da img está alinhado com a parte superior do texto, mas eu quero o parte inferior do img estar alinhado com o texto.

Como isso pode ser feito?

Atualizar Agora vejo este é o comportamento padrão, mas isso não acontece na minha página. O que poderia estar errado?

Answer 1

EDIT: eu voltei para adicionar quebras de linha e decidiu jogar um exemplo, também

.

Você pode fazer isso com a propriedade vertical-align de CSS. Algo parecido com isto:

<img src="wherever.png" style="vertical-align: text-top;" />

Mais informações sobre o estilo está disponível em w3schools , onde eles têm um puro sandbox .