HTML "<img align=top>" dans CSS?

Question

Comment puis-je Emuler

<img align='top' src='huge_image.jpg'> 
<span>I start at the top right corner of the image!</span> 

en CSS?

Peut-être que c'est embarrassant simple, mais je ne sais vraiment pas.

Answer 1

Cela dépend du conteneur de vos éléments. La propriété CSS vertical-align ne correspond pas exactement à l'attribut valign. Je recommande de vérifier ce lien pour une explication sur la façon d'y parvenir avec CSS. http://phrogz.net/CSS/vertical-align/index.html

Answer 2

modifier:

Je pense que vous voulez que la durée soit en ligne avec l'image. Donc, afficher: inline devrait faire bouger l'intervalle vers la droite.

et

vertical-align:text-top devrait déplacer l'image vers le haut.

Answer 3

Je pense que vous recherchez la propriété CSS vertical-align.

<img style="vertical-align: top;" alt="blah" src="blah.jpg" /> 

L'idéal serait pas seulement gifler directement sur l'étiquette <img>, mais au lieu d'utiliser une classe CSS.

Answer 4

float: left se positionner de telle sorte que l'élément img sera à la gauche de la travée, mais si vous êtes désireux de reproduire align="top" en raison du problème d'alignement vertical (span bas à droite par rapport haut à droite), puis essayez style="vertical-align: top;"

Answer 5

<style="text/css"> 

.top_aligned_image {vertical-align: top; /* or text-top, I can't remember for sure which works better */} 

</style> 

<img class="top_aligned_image" src='huge_image.jpg' /><span>I start at the top right corner of the image!</span> 

Devrait le faire.