Utfordring: Bruk Relativ Posisjonering
Merk
Hver utfordring i dette kurset inkluderer et kodeeksempel bestående av filene
index.html
ogindex.css
. Siden kurset fokuserer på å lære CSS, anbefales det å løse oppgavene i filenindex.css
. Når en utfordring er fullført, klikk på "Kjør kode"-knappen for å se den levende siden og sikre at utfordringen er løst korrekt.I tillegg har hver utfordring knappene "Hint" og "Løsning". Ved å klikke på "Hint"-knappen vises relevante tips for den aktuelle oppgaven, mens "Løsning"-knappen viser kodeeksempelet med korrekt bruk av CSS.
Oppgave
- Legg til
relative
posisjonering på det andre elementet med klassenavnetitem
. - Flytt elementet
30px
ned og50px
til venstre.
index.html
index.css
- Flytt nedover ved å angi en positiv verdi for
top
-egenskapen. - Flytt mot venstre ved å angi en negativ verdi for
left
-egenskapen.
index.html
index.css
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.04
Utfordring: Bruk Relativ Posisjonering
Sveip for å vise menyen
Merk
Hver utfordring i dette kurset inkluderer et kodeeksempel bestående av filene
index.html
ogindex.css
. Siden kurset fokuserer på å lære CSS, anbefales det å løse oppgavene i filenindex.css
. Når en utfordring er fullført, klikk på "Kjør kode"-knappen for å se den levende siden og sikre at utfordringen er løst korrekt.I tillegg har hver utfordring knappene "Hint" og "Løsning". Ved å klikke på "Hint"-knappen vises relevante tips for den aktuelle oppgaven, mens "Løsning"-knappen viser kodeeksempelet med korrekt bruk av CSS.
Oppgave
- Legg til
relative
posisjonering på det andre elementet med klassenavnetitem
. - Flytt elementet
30px
ned og50px
til venstre.
index.html
index.css
- Flytt nedover ved å angi en positiv verdi for
top
-egenskapen. - Flytt mot venstre ved å angi en negativ verdi for
left
-egenskapen.
index.html
index.css
Takk for tilbakemeldingene dine!