Desafío: Aplicar Posicionamiento Relativo
Nota
Cada desafío en este curso incluye un ejemplo de código compuesto por los archivos
index.htmlyindex.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
relativeal segundo elemento con el nombre de claseitem. - Mover el elemento
30pxhacia abajo y50pxhacia 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
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.htmlyindex.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
relativeal segundo elemento con el nombre de claseitem. - Mover el elemento
30pxhacia abajo y50pxhacia 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!