Desafío: Aplicar Posicionamiento Relativo
Nota
Cada desafío en este curso incluye un ejemplo de código compuesto por los archivos
index.html
yindex.css
. Como el curso se centra en el aprendizaje de CSS, se recomienda resolver los desafíos en el archivoindex.css
. Una vez completado el desafío, haz clic en el botón "Run Code" para ver la página en vivo y asegurarte de que el desafío se resolvió correctamente.Además, cada desafío proporciona los botones "Hint" y "Solution". Al hacer clic en el botón "Hint" se mostrarán pistas relevantes para la tarea actual, mientras que el botón "Solution" revelará el ejemplo de código con la aplicación correcta de CSS.
Tarea
- Añadir posicionamiento
relative
al segundo elemento con el nombre de claseitem
. - Mover el elemento
30px
hacia abajo y50px
hacia la izquierda.
index.html
index.css
- Desplazar hacia abajo estableciendo un valor positivo para la propiedad
top
. - Desplazar hacia la izquierda estableciendo un valor negativo para la propiedad
left
.
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
How do I select the second element with the `item` class in CSS?
Can you explain how `position: relative` works in this context?
What values should I use for the `top` and `left` properties to achieve the required movement?
Awesome!
Completion rate improved to 2.04
Desafío: Aplicar Posicionamiento Relativo
Desliza para mostrar el menú
Nota
Cada desafío en este curso incluye un ejemplo de código compuesto por los archivos
index.html
yindex.css
. Como el curso se centra en el aprendizaje de CSS, se recomienda resolver los desafíos en el archivoindex.css
. Una vez completado el desafío, haz clic en el botón "Run Code" para ver la página en vivo y asegurarte de que el desafío se resolvió correctamente.Además, cada desafío proporciona los botones "Hint" y "Solution". Al hacer clic en el botón "Hint" se mostrarán pistas relevantes para la tarea actual, mientras que el botón "Solution" revelará el ejemplo de código con la aplicación correcta de CSS.
Tarea
- Añadir posicionamiento
relative
al segundo elemento con el nombre de claseitem
. - Mover el elemento
30px
hacia abajo y50px
hacia la izquierda.
index.html
index.css
- Desplazar hacia abajo estableciendo un valor positivo para la propiedad
top
. - Desplazar hacia la izquierda estableciendo un valor negativo para la propiedad
left
.
index.html
index.css
¡Gracias por tus comentarios!