Hvordan Juster et bilde på den ene siden i HTML

Når du plasserer et avsnitt med tekst ved siden av et bilde i en HTML-fil, vises den første linjen ved siden av toppen av bildet, og resten blir stokket under den. Hvis du planlegger et annet objekt ved siden av et bilde, det får sin egen linje uansett. Ved å opprette klasser i et stilark og bruke "flyte" attributt, kan du overstyre denne standard. På samme tid, kan du velge når og hvor du ønsker å justere bildene gjennom hele nettstedet.

Bruksanvisning

1 Åpne din CSS fil og sett markøren på en ny linje på slutten av filen.

2 Skriv inn følgende for å opprette en klasse for å justere bildene til venstre:

img.floatLeft {

float: left;

}

3 Skriv inn følgende for å opprette en klasse for å justere bildene til høyre:

img.floatRight {

float: right;

}

4 Lagre og lukk CSS-filen.

5 Åpne en HTML-fil. Sett markøren der du ønsker å plassere et bilde med en justering.

6 Skriv inn følgende:

<Img class = "floatRight">

Erstatt "image.jpg" med navnet på bildet du vil bruke. Dette justerer bildet til høyre side av skjermen og all tekst vises ved siden av seg og pakker under det hvis det mye tekst eksisterer. Endre klassen "floatLeft" for å justere bildet på venstre side.

7 Lagre HTML-fil. Last det opp og CSS-filen til din webserver.