We can position our HMO elements in different ways using the position property in our style sheet positioning
is a very important concept because it will be used extensively when developing CSF based web page layouts.
There are four main types of position declarations that we will explore static relative absolute and
fixed.
The first and most basic position declaration is the static position static is actually the default
position of of an element if no position is specified.
We've already worked with this many times on this HMO page we have a div that references I.D. selector
Div 1 we have defined some basic properties including background color with and height.
Note that we have not declared a position property.
Let's take a look at this page in our web browser to see what it looks like
we can see that the div is positioned where we might expect at the top left corner of the content area
because that's where the content of our body would normally begin without specifying a position property.
The default position is known as the static position the element will inherit its position based on
the normal flow of content on the page
if we wanted to specify the position is static.
We could do so by creating this declaration
and when we refresh our web browser there should be no change in positioning.