Hello everyone and welcome back.
In today's video we will learn how to float extremist elements to float extremist elements.
As this provides us with a proper equal float.
This property is used for positioning elements.
That's right.
An example.
To understand it better.
Saying we have this paragraph with an image on some text on what we want to do is position that image
on the left hand side index right next to it in such a case we can use float so let's give it a try.
So let's think about good editor.
And as you can see this is the structure of our external page you've got an article element on insight
that you've got image on some dates.
So we need to add some states to these elements.
So we need this image to the left or to make it float on the left.
We will have to use a proper float and give it the valley left.
So let's try that so let's say
float left that same ad.
Let's bring up a quote in a few.
As you can see images floating on the left hand side.
Now let's try giving it some margin right.
Say 16 pixels.
Let's save it.
And now as you can see are images floating on the left hand side of the text.
Similarly say for this next image we want it to be on the right hand side.
So let's try that.
So coming by Hugh
so this is our second image.
Let's give it an I.D. say second image.
Let's copy save the filing.
Let's select this element and sort of float left.
Now we can give it the value right let's save it.
And as you can see now the second image is floating on the right hand side let's give it a margin left
say margin left 16 pixels that save a looks a bit better.
Guys that's how you use the float property to make estimate elements float left and right similarly
let's say we want these dock menus to be under five right and say over here.
So we can do that also.
So coming back to our next extreme on so these are our menu items.
It has already got a class name which is menu items.
So coming here so all we're going to do is just make it float.
You want it on the right hand side so right.
Let's save it.
And now as you can see menu items are on the right hand side.
Although the styling is a bit also let's take care of that.
It's been about good Ed let's bring this down.
So right now this menu item is pollution relative on top.
We have used minus six pixels.
So let's bring it down to zero first.
So as you can see on zero it moved a big down.
That means if you give the positive value to move more bullets the bottom.
So let's say 10 pixels and that looks much better
and that's all for today guys.
If there's something that you did not understand feel free to drop a comment and we will discuss it.
See you in the next video by and get.