Se sei interessato a imparare a far galleggiare un'immagine alla destra del testo, sarai felice di sapere che è un compito abbastanza semplice. Ci sono molte situazioni in cui i programmatori vogliono che un'immagine su una pagina Web appaia all'interno del testo con il testo che scorre o si avvolge attorno ad esso. Per fortuna, manipolare le immagini è come manipolare il testo, quindi se hai esperienza con quest'ultimo, questo processo non dovrebbe essere affatto difficile.
In effetti, con la proprietà float CSS, è facile spostare l'immagine a destra del testo e far scorrere il testo attorno a esso sul lato sinistro. Usa questo tutorial di cinque minuti per imparare come.
Iniziare
Per iniziare, scrivi un paragrafo di testo e aggiungi un'immagine all'inizio del paragrafo. Questo dovrebbe essere fatto prima del testo ma dopo il
etichetta):
Successivamente, aggiungi un attributo di stile all'immagine e applica la proprietà float:
Il tuo testo sarà speronato proprio sopra l'immagine, quindi aggiungi dei margini all'immagine per renderla più facile da leggere:
La proprietà abbreviazione del margine applica i margini nell'ordine in alto, a destra, in basso ea sinistra (TRBL). E quello lo fa. Ora vedi che fluttuare un'immagine a destra non è affatto difficile. Potresti anche essere interessato a far fluttuare un'immagine a sinistra e spostarla al centro. Mentre la prima mossa è possibile, sfortunatamente, non è possibile spostare un'immagine al centro, poiché in genere ciò richiederebbe un layout a due colonne.
Avvolgendo
