Float Property in css

Float

The float property allows us to take an element, remove it from the normal flow of a page, and position it to the left or right of its parent element. like if we want to move an image on the left side of the screen we can use

img{

float: left;

}

Clear
when we use float element it will change the normal flow of the page even changes the margins and padding. Also, changes the default display value we must keep an eye on their display property. so to remove or solve this issue we can use clear

now the clear has three values
left, right, both

clear:left;                          // removes the left float
clear:right:                       //removes the right float
clear: boht:                      //removes both right and left float

June 15: Work with almanac

Today i was working on Css almanac. As Css almanac is classified into two parts
1. Css selectors
2. Css properties
Css selector is added with the tag to using : or :: as it specify the exact element whom we have to add properties like in P tag we want we want to style the first line
For this we use
P:first-line:
{}
Click here to add more selectors
Then
Css properties
After selectors i have studied about various css properties.
I really enjoyed and hope it will improve my css 🙂