Positioning HTML Elements using CSS

Lab Steps

lock
Introduction to HTML and CSS Labs
lock
Using Relative Positioning
lock
Using Fixed Positioning
lock
Using Absolute Positioning

The hands-on lab is part of this learning path

Ready for the real environment experience?

DifficultyAdvanced
Time Limit30m
Students66
Ratings
5/5
starstarstarstarstar

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:

About the Author
Students50756
Labs127
Courses2
Learning paths3

Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.

He holds multiple AWS certifications including Solutions Architect Associate and Professional.

Covered Topics