Utmaning: Tillämpa Relativ Positionering
Obs
Varje utmaning i denna kurs innehåller ett kodexempel bestående av filerna
index.html
ochindex.css
. Eftersom kursen fokuserar på att lära sig CSS rekommenderas det att lösa utmaningarna i filenindex.css
. När en utmaning är slutförd, klicka på knappen "Kör kod" för att visa den levande sidan och säkerställa att utmaningen är korrekt löst.Dessutom tillhandahåller varje utmaning knapparna "Tips" och "Lösning". Genom att klicka på knappen "Tips" visas ledtrådar som är relevanta för den aktuella uppgiften, medan knappen "Lösning" visar kodexemplet med korrekt tillämpning av CSS.
Uppgift
- Lägg till
relative
positionering på det andra elementet med klassnamnetitem
. - Flytta elementet
30px
nedåt och50px
åt vänster.
index.html
index.css
- Flytta nedåt genom att ange ett positivt värde för egenskapen
top
. - Flytta åt vänster genom att ange ett negativt värde för egenskapen
left
.
index.html
index.css
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
Awesome!
Completion rate improved to 2.04
Utmaning: Tillämpa Relativ Positionering
Svep för att visa menyn
Obs
Varje utmaning i denna kurs innehåller ett kodexempel bestående av filerna
index.html
ochindex.css
. Eftersom kursen fokuserar på att lära sig CSS rekommenderas det att lösa utmaningarna i filenindex.css
. När en utmaning är slutförd, klicka på knappen "Kör kod" för att visa den levande sidan och säkerställa att utmaningen är korrekt löst.Dessutom tillhandahåller varje utmaning knapparna "Tips" och "Lösning". Genom att klicka på knappen "Tips" visas ledtrådar som är relevanta för den aktuella uppgiften, medan knappen "Lösning" visar kodexemplet med korrekt tillämpning av CSS.
Uppgift
- Lägg till
relative
positionering på det andra elementet med klassnamnetitem
. - Flytta elementet
30px
nedåt och50px
åt vänster.
index.html
index.css
- Flytta nedåt genom att ange ett positivt värde för egenskapen
top
. - Flytta åt vänster genom att ange ett negativt värde för egenskapen
left
.
index.html
index.css
Tack för dina kommentarer!