Hello, in this CSS Crash Course video, we're going to be looking at float and clear properties. flow properties basically left or right allow you to say have some condos a deeper span regardless of what type of element it is what type of content it is. And you can easily position one part of it to the left and one part of it to the right and you'll be on the same line. Then there's a clear property which prevents elements or other information data objects to be positioned to left or right of that particular object or on both sides. So I'm going to show you all of that good stuff. First of all, let's create some data for an ID.
This is copy and paste this so we got three instances of it. And in here, I'm going to put left to float left property and in here on put right Finally in here, I'm going to put clear more text here. Let's save that refresh. So we got left, right more text or on separate lines. We haven't implemented any CSS. So let's jump over to our index CSS page.
And we're going to do hash left. For this, you just do pseudo code on the left. Then do hash, white float. Right. Save that refresh. And as you can see, the float on the right, I mean, left and right is now on the same line.
More text has also moved up as well before We are now floating one to the left one to the right, and it's just like Bernie on the same line. But if we wanted to get rid of that and get rid of anything else appearing on either side, we could just put cash clear. And then put a clear coat Columbo flee from put clear left or clear void. And I would recommend you experiment with that. Let's see what happens in this example you put left on whiteboards is going to put both refresh and now he prevents any text or anything from being on the left or the right hand side. So this has just been a very simple Crash Course video on float and clear properties.
If you have any questions whatsoever, feel free to post them on my education platform. So not learning Dakota, UK. There will be a resource link with this video which will take you to all the source code from every video in this series. And as usual, thank you for watching and I hope you have a great Day