di "<img align=top>" HTML in CSS?

Question

Come posso emulare

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

in CSS?

Forse è imbarazzante semplice, ma io davvero non lo so.

Answer 1

Dipende sul contenitore dei vostri elementi. La proprietà CSS vertical-align non esattamente la mappa all'attributo valign. Consiglio di controllare questo link per una spiegazione su come ottenere ciò con i CSS. http://phrogz.net/CSS/vertical-align/index.html

Answer 2

edit:

Penso che si desidera che il lasso di essere in linea con l'immagine. Quindi display: inline dovrebbe spostare lo span a destra.

e

vertical-align:text-top deve spostare l'immagine verso l'alto.

Answer 3

penso che stai cercando per la proprietà vertical-align CSS.

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

Idealmente non sarebbe solo schiaffo direttamente sul tag <img>, ma invece utilizzare una classe CSS.

Answer 4

float: left provvederà a posizionarlo in modo tale che l'elemento img sarà a fianco della campata, ma se si vogliono replicare align="top" causa del problema di allineamento verticale (arco in basso a destra vs alto a destra), quindi provare 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> 

Dovrebbe farlo.