FLOAT PROPERTIESCSS Float Propeties :The CSS float property is a positioning property. It is used to push an element to the left or right, allowing other element to wrap around it. It is generally used with images and layouts. How it works : Elements are floated only horizontally. So it is possible only to float elements left or right, not up or down. Property Description -------- --------------------------------------------------------------------------------------------- clear The clear property is used to avoid elements after the floating elements which flow around it. left, right, both, none, inherit. float It specifies whether the box should float or not. left, right, none, inheritCSS Float Property Values Value Description ------- -------------------------------------------------------------------------------------------------- none It specifies that the element is not floated, and will be displayed just where it occurs in the text. this is a default value. left It is used to float the element to the left. right It is used to float the element to the right. initial It sets the property to its initial value. inherit It is used to inherit this property from its parent element.Eg: < !DOCTYPE html> < html> < head> < style> img { float: right; } < /style> < /head> < body> < p>The following paragraph contains an image with style < b>float:right< /b>. The result is that the image will float to the right in the paragraph.< /p> < img src="good-morning.jpg" alt="Good Morning Friends"/> < p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Blanditiis asperiores hic at alias doloremque nam animi quaerat saepe sunt nesciunt.< /p> < /body> < /html> « Previous Next Topic » (CSS - Flex Properties) |