Come Allineare la didascalia Con la foto in HTML

September 22

tag HTML DIV consentono di allineare le immagini e le didascalie nelle pagine Web. I tag DIV utilizzano le proprietà di allineamento CSS per allineare i contenuti DIV sulla sinistra, al centro o sul lato destro della pagina. Quando non incorporare DIV, alcune didascalie non si allineano correttamente in un'immagine. L'utilizzo di un tag DIV HTML e CSS, è possibile allineare le immagini perfettamente in ogni pagina.

istruzione

1 Fare clic destro sul file HTML che contiene l'immagine e didascalie e fare clic su "Apri con". Clicca l'editor HTML che si desidera utilizzare per l'allineamento.

2 Aggiungere tag DIV intorno all'immagine e la didascalia. tag DIV sono contenitori, in modo da poter avvolgere ognuno dei vostri elementi HTML utilizzando uno. Il seguente codice è un esempio di due tag DIV che contengono un'immagine e una didascalia:

<Div> <img src = "myimage.png"> </ div>

<Div> frase Didascalia </ div>

3 Impostare i tag DIV per lo stesso allineamento. Per esempio, se si vuole allineare l'immagine a sinistra e la didascalia a sinistra, aggiungere il seguente codice di definizione dei tag DIV ':

style = "margin-left: a sinistra; width: 100%; position: absolute"