Floats

floats are basically like images in newspapers, the text and other elements wrap around them. they are like ghosts and only the elements you tell can shape around it for others it doesn't exist, only visually to us. it should only be used for wrapping text around images, not for layouts.

Now as you can see. We have a nice young gentelman with a blue arrow on its head. unfortunately this indivudual has passed away in october of 2029. Legend says that he used to call himself " Avatar " and made foolish claims such as he can control the air. but since he was living in a poor segregated neighbourhood in USA, he was a victim to domestic abuse by his own father. The death of this young fella was unexpected and the reason of death is still yet to be uncovered. speculations say that he may be a victim of a murder. but any suspect is yet to be found.

His memorial is planned to be build in the center of Tehran, Iran after him becoming a symbol in the uprising of Turquoise enjoyers in northern kyrgyzstan. the reasons are well known but i won't explain here.

now this paragraph is not wraping around mr lebron or the other dude here because it has clear property as both. So it says; Hey man you clear you don't have to be wrapped what so ever, have a nice day. (if it isn't close enough to the image to be wrapped, you can try it by zooming out the page and it still wouldn't wrap.)

Columns

Columns are another newspaper looking ahh element meant to put text in different columns next to each other. i bet no one really uses it for modern design. but its cool because its oldschool. (note: if you are on mobile, it might be that screen is to narrow for multiple columns so try rotating the screen.)

when it comes to the eagle that you are seeing right now, he has a really touching story behind him. let me tell you all about it. But before; columns.

Columns are when a single container of different things seperate into different columns. and you can modify how many how how small the column can be before it wraps and isn't a column anymore. etc this is boring.

OK, the eagle or whatever he is.

This eagle is named "eagle of suspicion and distrust" He is part eagle part human. He used to be a regular American citizen in Texas. a very country loving individual. Until he wasn't. because he was a eagle now. He also goes by many names such as

FBI after reading the most detailed, comprehensive, realistic essay about how to over throw the goverment followed by "in minecraft"
that one eagle that i can't get out of my dreams
creepy ahh looking bird
"why you looking at me like that" eagle
Freedom eagle of america when you actually want to be free from corruption and interference of 3rd world country politics

this man before turning into a eagle was racist american loving citizen. he believed that white men was the evolution of black people therefore superior. but then Boom, He got disevolved. And now he belives 🦅🦅🦅eagles🦅🦅🦅 are the superior species. -- the fact that he now thinks eagles are better since he is a eagle shows the hypocrisy that these people have --

This picture which immortalised him was taken when he was interviewed by the turquoise enjoyers in 1976. The moment picture was taken was right after the following question was asked
What is your comment about the size of eagle brains being like a tiny peanut You can imagine what emotions were behind this stare considiring he is a racist individual.

This section is for position property in css. it is very important and useful property that basically tells something where it should be and it is very powerful. There are five different position values;

Static: default
Relative: It is the relative postions to its first parent. and also stays in normal flow of the page, it's speciality comes with the top, bottom, left, right
Absolute: It acts exactly like relative except for two differences; 1. it isn't contained in the normal flow (kinda like a ghost) 2. it is relative to the first parent with any special position value.
You can see it kinda like a unloved child that exists but is never aknowledged in the place. just a visual burden. (Lets see if you can find the absolute image on this page. Hint: its a african-american cat. yeah that's right.)
Fixed: Now this badboy is those annoying cookie pop-ups that don't dissapear no matter how much you scroll. leeches on to the screen basically. but can be useful too (unlike those cookie pop-ups) such as navbar or other stuff, super useful. Examplified with the cat on the right that is judging every atom in your body. (DON'T MAKE EYE CONTACT)
Sticky: This is the most interesting one among all positions. this one stays where you want it to as long as it is in the bounds of its parent. Here we have the Title for this section as sticky and you can see it stick to the bottom of the screen until it reache the end.
Think of it like those perfume sellers following you up to the point you leave the perfume aisle. (idk i never been to a perfume aisle.)

The `top`, `bottom`, `left` and `right` properties work on all these except for default and is essential for their purpose. without these properties they beg to differ from default.

FMI:
go to section position

Floats

Columns

⊗⇒☾Position★⇐⊗