hands-on lab
Positioning HTML Elements using CSS
Difficulty: Advanced
Duration: Up to 30 minutes
Students: 152
Rating: 5/5
On average, students complete this lab in6m
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.
Description
Cascading Style Sheets (CSS) allow you to customize the default positioning of HTML elements on a web page.
In this lab, you will position HTML elements in various ways.
Learning Objectives
Upon completion of this beginner level lab, you will be able to use:
- Relative positioning
- Fixed positioning
- Absolute positioning
Intended Audience
- Beginners learning front-end development
- Software Engineers who need to learn front-end technologies to expand their skillset
Prerequisites
Familiarity with the following will be beneficial but is not required:
- Cascading Style Sheets (CSS)
- Hypertext Markup Language (HTML)
The following content can be used to fulfill the prerequisite:
Updates
July 24, 2024 - Resolved an issue preventing the development interface from appearing
Covered topics
Lab steps
Introduction to HTML and CSS Labs
Using Relative Positioning
Using Fixed Positioning
Using Absolute Positioning