02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Element Layout Interaction

In this chapter we continue focusing on the page elemenets and their relation to the surrounding.

Duration: 23:29

Dependency warningThis course builds on concepts from Size Manipulating.
Intermediate Level
Intermediate Level
Medium-paced Course
Medium-paced Course

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Element Layout Interaction Overview

What you'll learn

In the last chapter we learnt about the physicality of elements as we control their size, padding and margins. In this chapter we continue where we left off, as we branch out into the relation of elements to their surroundings. By the end of this chapter, you will know how elements are displayed and how to change the way they relate to other times and the display.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Making things float

In this first lecture of this topic we take a look at the way elements interact with the items that are right next to them. We will learn to use the clear and float commands.

03:31

Displaying elements as block or inline elements

By the end of this lesson, you will understand the differences between inline and block elements and know how to use this logic to define CSS layouts.

08:37

Avoiding scrolls

By the end of this lesson you will know how to avoid getting horizontal scrolls.

05:13

Types of position layout

By the end of this lesson you will know how to position items in absolute terms.

06:08

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!